Build a Full-stack CRUD App using Deno's Fresh and Postgres

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • remult

    Full-stack CRUD, simplified, with SSOT TypeScript entities

  • To build the CRUD operations fast and efficiently, I'll use Remult, a CRUD framework that was built for Node.js but also works great with Deno.

  • fresh-remult-todo

  • The resulting code of this (very) short tutorial can be found in this GitHub repository.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • supabase

    The open source Firebase alternative.

  • We'll need a new Postgres instance to connect to. I used these instructions from the Deno Deploy docs to set up an instance on Supabase.

  • fresh

    The next-gen web framework.

  • Fresh is a full-stack framework for Deno that makes it easy to develop apps with TypeScript. Let's use it to build a simple Todo app with full CRUD capabilities.

  • deno

    A modern runtime for JavaScript and TypeScript.

  • // routes/_middleware.ts import { remultFresh } from "remult/remult-fresh"; import { Task } from "../model/task.ts"; import { createPostgresConnection } from "https://deno.land/x/remult/postgres.ts"; export const remultServer = remultFresh({ entities: [Task], dataProvider: async () => { const dbUrl = Deno.env.get("DATABASE_URL"); if (dbUrl) { return createPostgresConnection({ connectionString: dbUrl }); } return await undefined; }, }, Response); export const handler = remultServer.handle;

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Building a self-creating website with Supabase and AI

    6 projects | dev.to | 23 Apr 2024
  • No More Free Tier on PlanetScale, Here Are Free Alternatives

    3 projects | dev.to | 8 Mar 2024
  • Edge Functions: Node and native NPM compatibility

    2 projects | news.ycombinator.com | 12 Dec 2023
  • Deno Cron

    15 projects | news.ycombinator.com | 29 Nov 2023
  • PostgreSQL Encryption: The Available Options

    4 projects | news.ycombinator.com | 6 Nov 2023