This is a Next.js project bootstrapped with create-next-app.

Features

This starter-template is packed with:

🎉 Next.js (with App Directory).
⚛️ React.
✨ TypeScript.
💨 Tailwind CSS - Pre-setup with PostCSS Nesting and Import.
👀 SVGR - Pre-Configured import SVG directly transform to React Component with type definitions
📈 Path Alias - Import your module in src using @/ prefix, and in public using #/.
📏 ESLint - Find and fix problems in your code.
🐶 Husky - Run scripts on your staged files before they are committed.
🧩 Pre-built components to handle dynamic Lazyload, Image and SVG in packages/components/base.
⚡️ Pre-setup backend things in packages/server/ folders.
🪄 Pre-built utilities to handle common things in backend and frontend.
🔥 Minimal dependencies & full of customization - Of course this template can be fully customize. You can delete that you don't need or change the DB from MongoDB to your very DB.
📦 Monorepo with Turborepo - If you want to setup this template in Monorepo project, you can visit fullstack-next-template-turbo

Getting Started

This is a Next.js project bootstrapped with create-next-app.

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

API routes with Route handlers can be accessed on http://localhost:3000/api/jokes. This endpoint can be edited in app/api/jokes/route.ts.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.