Next Clean Starter

My go-to project starter template for Next.js apps. Inspired by my portfolio

👓 Preview

Preview it on stackblitz without installing anything locally.

🚀 Getting Started

First, run the following command to create a new project:

npx create-next-app my-app -e https://github.com/AyushSaini00/next-clean-starter

or if you're using yarn

yarn create next-app my-app -e https://github.com/AyushSaini00/next-clean-starter

After the installation of the project, navigate to the project directory and run the following command to spin up the development server

npm run dev

or if you're using yarn

yarn dev

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

✨ Features

• Next.js / Sass
• Prebuild basic components like Layout, Navbar, and Footer.
• A CustomLink component which handles both internal & external links
• Basic CSS reset
• Default responsive media queries for tablet, laptop and desktop breakpoints
• Styles structure orgainzed
• Prettier as dev dependency

Learn More

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

• Next.js Documentation - learn about Next.js features and API.
• SASS guide - learn about SASS