Used deps:
- Main framework: Next.js
- DB: SQLite
- ORM: Drizzle
- Styling: Tailwind v4
- Auth: better-auth
- Components: shadcn/ui (radix-ui based)
pnpm iYou do this whenever new dependencies should get installed
pnpm db:pushThis command creates a (.gitignore'd) SQLite DB file in src/db/localdb.sqlite.
You also use this command later to push the changes to the schema into the database!
pnpm devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying src/app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
This project defines a AGENTS.md file for context and rules for coding agents. Feel free to use it as additional info when asking other external chat tools as well!
- If you build tables, it's highly recommended to store pagination, sorting and filtering state in search params. Use nuqs for that. Use TanStack Table for base table components.
- If you really need client-side data fetching, use SWR or TanStack Query instead of fetch calls in "useEffect" hooks.
- If the manual validation and middleware boilerplate in your server actions get's too much, build your server actions with next-safe-action
If you use tooling that allows integration of MCP servers, I recommend the following ones:
- Context7 by upstash
- Returns up-to-date info about all kinds of dependencies
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
- Next.js templates - need other functionality? Look here for other cool templates
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!