Next.js starter template

Introduction

Super simple starter project for Next.js with Tailwind CSS v4 and Typescript.

Quick Start

Installation

Using pnpm (recomended):

pnpm create next-app@latest myapp-name --use-pnpm -e https://github.com/riipandi/next-start

If you want to use npm instead:

npx create-next-app myapp-name --use-npm -e https://github.com/riipandi/next-start

Don't forget to change myapp-name with your real application name.

Up and Running

Task	NPM	Yarn	PNPM
Install dependencies	npm install	yarn	pnpm install
Serve with hot reload	npm run dev	yarn dev	pnpm dev
Build for production	npm run build	yarn build	pnpm build
Launch generated build	npm run start	yarn start	pnpm start

Application will run at http://localhost:3000

For detailed explanation on how things work, check out Next.js docs.

• Next.js app router playground - learn more about Next.js app directory.
• Dynamic Metadata - learn more about SEO using dynamic metadata.

Deploy Your Own

You'll want to fork this repository and deploy your own Next.js website. Once you have an image generator that sparks joy, you can setup automatic GitHub deployments so that pushing to master will deploy to production! 🚀

Vercel Configuration (optional)

If you are using monorepo you will need to configure a few things:

• Settings -> General -> Root Directory : apps/web/ (assuming your app is in apps/web)
• Settings -> Git -> Ignored Build Step : git diff --quiet HEAD^ HEAD ./

Cloudflare Deployment

You need to add NODE_VERSION with value 20.18.0 or greater than version 20 on the environment variables setting. Visit Cloudflare pages docs for more information.

For the preview branch:

NEXT_PUBLIC_BASE_URL=${CF_PAGES_URL}

Development

This project uses TypeScript for type checking, Biome for code formatting and linting which is configured in biome.json. It's recommended to get TypeScript set up for your editor and install an editor plugin (like the VSCode Biome plugin) to get auto-formatting on saving and get a really great in-editor experience with type checking and auto-complete.

License

This project is open-sourced software licensed under the MIT license.

Copyrights in this project are retained by their contributors. See the license file for more information.

---

_{🤫 Psst! If you like my work you can support me via GitHub sponsors.}