Skip to content

Starter for NextJS 14, Server Action with React Query, Tailwind, TypeScript

Notifications You must be signed in to change notification settings

rnnyrk/rnnyrk-starter

Repository files navigation

rnnyrk starter

Starter for NextJS 14 with:

  • Drizzle
  • NextJS App Dir / layout nesting
  • React Hook Form
  • React Server Actions
  • React Query
  • Shadcn / Radix UI
  • PostgeSQL / SQLite
  • Tailwind
  • TypeScript
  • Zod
  • Zustand

Getting Started

git clone [email protected]:rnnyrk/rnnyrk-starter.git PROJECT_NAME
cd PROJECT_NAME && pnpm i
pnpm run db:generate && pnpm dev

To add items to SQLite database, run pnpm run db:studio and use the SQLite Studio to add items to the database.

Deployment

Besides Vercel we can deploy NextJS with Cloudflare Pages or with Docker via AWS, Azure or GCP.

Self Hosting - NextJS Docs

Cloudflare Pages

Use export const runtime = 'edge'; for non-static pages (no SQLite - branch in this repo sqlite - support in Cloudflare Pages, because of Edge runtime).

Cloudflare has some limitations with NextJS, especially with the Image component. Workarounds are possible, e.g. with Cloudflare Workers.

Docker

To run this application in a Docker environment, make sure output: standalone is set in next.config.js. Install Docker cli and run pnpm run docker:build and pnpm run docker:run. Access the local server at http://localhost:3333.

About

Starter for NextJS 14, Server Action with React Query, Tailwind, TypeScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published