nextjs-boilerplate
π Next.js 16+ boilerplate with typescript, husky, lint-staged, biome, vitest, react-testing-library, storybook, and GH actions.
File Explorer
Download Latest Version (.zip)- LICENSE.txt
- SKILL.md
- frontend-design
- dependency-review.yml
- main.yml
- dependabot.yml
- commit-msg
- pre-commit
- pre-push
- main.ts
- preview.tsx
- fileMock.js
- styleMock.js
- MainLayout.test.tsx
- MainProvider.test.tsx
- ThemeProvider.test.tsx
- ThemeToggle.test.tsx
- Button.test.tsx
- setup.ts
- test-utils.tsx
- 2026-03-01-biome-migration-design.md
- 2026-03-01-biome-migration.md
- 2026-03-01-demo-component-design.md
- 2026-03-01-demo-component-plan.md
- 2026-03-01-documentation-update-design.md
- 2026-03-01-documentation-update-plan.md
- 2026-03-01-full-dependency-update-design.md
- 2026-03-01-full-dependency-update.md
- 2026-03-01-shadcn-baseui-design.md
- 2026-03-01-shadcn-baseui-plan.md
- 2026-03-01-vitest-migration-design.md
- 2026-03-01-vitest-migration-plan.md
- favicon.ico
- vercel.svg
- Demo.tsx
- layout.tsx
- page.tsx
- index.ts
- MainLayout.tsx
- index.ts
- MainProvider.tsx
- index.ts
- ThemeProvider.tsx
- index.ts
- ThemeToggle.tsx
- Button.stories.tsx
- Button.tsx
- index.ts
- .gitkeep
- .gitkeep
- env.mjs
- index.ts
- cn.ts
- index.ts
- index.ts
- .gitkeep
- globals.css
- .env.example
- .gitignore
- biome.json
- CHANGELOG.md
- CLAUDE.md
- LICENSE
- next-env.d.ts
- next.config.mjs
- package.json
- pnpm-lock.yaml
- postcss.config.js
- README.md
- SECURITY.md
- skills-lock.json
- tsconfig.json
- vitest.config.ts
# Installation Guide
1. Get the code
git clone https://github.com/hadrysm/nextjs-boilerplate
Downloads the entire project code from GitHub to your computer.
cd nextjs-boilerplate
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
pnpm create next-app -e https://github.com/hadrysm/nextjs-boilerplate
Type this command into your terminal and run it.
corepack use pnpm@`pnpm -v` && pnpm i
Type this command into your terminal and run it.
pnpm build
Type this command into your terminal and run it.
pnpm start
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
