Opinionated review of tech I used to build a UX-oriented AI storyteller in Next.js

This page summarizes the projects mentioned and recommended in the original post on /r/nextjs

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
  • supabase

    The open source Firebase alternative.

  • Supabase - For auth only, the database is not hosted with them. Overall I'm not a big fan of the whole tying the frontend to your schema approach, so I've previously ignored Supabase, but I found it straightforward to only use them for auth: just providing a UI where people sign in, and a way for my backend to check if a request came from someone signed in. 99% of the people using Clerk.dev should be using this or Firebase auth.

  • Prisma

    Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB

  • Drizzle + DrizzleKit - Drizzle is a sane Prisma. Not much more to it: getting on 2 years of Prisma of "trying to use Joins more" and Prisma is now advertising using joins... but it's best effort which is hilarious and bad. Drizzle is taking an extra 30 seconds to define relationships explicitly and getting to know you used a join.

  • 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
  • Socket.io

    Realtime application framework (Node.JS server)

  • Everything else is usual suspects. Uses SSE to stream replies back to the user mid-AI generation, but this might become socket.io because SSE doesn't play nicely with mobile browsers and tab switching. The text fade in is something I hope to open source eventually, it's not a huge implementation, but it does some fancy stuff like simulating pauses in speech.

  • drizzle-orm

    Headless TypeScript ORM with a head. Runs on Node, Bun and Deno. Lives on the Edge and yes, it's a JavaScript ORM too 😅

  • Drizzle + DrizzleKit - Drizzle is a sane Prisma. Not much more to it: getting on 2 years of Prisma of "trying to use Joins more" and Prisma is now advertising using joins... but it's best effort which is hilarious and bad. Drizzle is taking an extra 30 seconds to define relationships explicitly and getting to know you used a join.

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

  • Complex business logic in Node

    3 projects | /r/node | 10 Dec 2022
  • Show HN: Remult – a CRUD framework for full-stack TypeScript

    9 projects | news.ycombinator.com | 22 May 2022
  • A Software Engineer's Tips and Tricks #1: Drizzle

    3 projects | dev.to | 29 Apr 2024
  • Stories Behind ZenStack V2!

    3 projects | dev.to | 29 Apr 2024
  • NodeJS Security Best Practices

    11 projects | dev.to | 19 Feb 2024