jackmcpickle / hypermedia-vs-react-demo

Comparing different approaches to a dummy online store - Vite SPA, Nextjs RSC, Astro Htmx

Hypermedia Vs React aproaches demo

Comparing different approaches to a dummy online store - Vite SPA, Nextjs RSC, Astro with Htmx

Both Astro and Nextjs apps share db schema.

You will need to create a Turso DB account and database and then add DB url and token to the .envs

Run SPA

No dependencies, uses localStorage as temp DB.

cd vite
pnpm i
pnpm dev

Run Nextjs RSC

Using React server components

cd nextjs-app
cp .env.example .env
# Add turso details to .env
pnpm i
pnpm dev

Run Astro/Htmx

Using htmx and astro components, Apline js to handle small amount of frontend js (mobile menu toggle)

cd astro
cp .env.example .env
# Add turso details to .env
pnpm i
pnpm dev