Vanilla with Candy Sprinkles

Summary

Vanilla with Candy Sprinkles presents a baseline full-stack Node.js application: a stateful visitor counter that increments across refreshes, tabs, browsers, and machines. The post starts with a dependency-free package.json and a 72-line server.js, then uses node-demo to generate variants with ECMAScript modules, EJS or Mustache templates, and Express. It adds SQLite3 or PostgreSQL for persistence, Tailwind CSS and TypeScript with a build step, and Drizzle, Knex, or Prisma as ORM options, noting differing language and build requirements. WebSockets provide real-time updates, htmx can handle client-side connection and DOM work, and Redis coordinates notifications across multiple servers; Fly.io deployment can scale the setup across eight instances in four regions. The concluding section points to further alternatives, including React, Angular, Lit, SolidJS, Svelte, Vue, esbuild, rollup, and other deployment targets, while inviting alternate implementations.

Takeaways

1. 1

   The baseline application uses a dependency-free package.json, a 72-line server.js, and a counter persisted initially in a text file.

2. 2

   SQLite3 is presented as suitable for development, while PostgreSQL is described as the current best production choice; LiteFS is mentioned for SQLite3 deployment.

3. 3

   WebSockets enable updates between clients, while Redis addresses the limitation that multiple servers otherwise maintain separate WebSocket pools.