Next.js STEP Boilderplate

It's my personal Next.js template and STEP stands for:

• StandardJS: The standard JavaScript rules
• Tailwind CSS: The popular utility-first CSS framework
• ESLint: The popular JavaScript/TypeScript linter
• Prettier: The popular opinionated code formatter

It also includes some workspace settings and recommended extensions for Visual Studio Code.

Getting Started

First, create a new project based on this template:

npx create-next-app -e https://github.com/thuyencode/nextjs-step-boilerplate
# or
bun create github.com/thuyencode/nextjs-step-boilerplate [<destination>]

More detail info for Bun.

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

Remove boilderplates

You can remove assets inside public folder, settings inside nextjs-step-boilerplate.code-workspace file, reset Tailwind CSS settings and change code inside app/page.tsx and remove this NPM package:

npm r lucide-react
# or
bun r lucide-react

Learn More

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.

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