This is a Next.js project bootstrapped with
create-next-app
.
Boilerplate for NextJS projects with all the necessary tools and configurations.
- Node.js
- pnpm
- Graphviz
- Playwright
- Visual Studio Code or any other IDE
- OXC for Visual Studio Code (or any other IDE with OXC support)
- Prettier for Visual Studio Code (or any other IDE with Prettier support)
First, run the development server:
1. Clone the repository.
2. Run `npm install -g pnpm` to install pnpm.
3. Run `pnpm install` to install dependencies.
4. Run `pnpm dev` to start the app.
5. Open `localhost:3000` in your browser.
6. Install Graphviz from [here](https://graphviz.org/download/) to run the graphviz visualizer.
7. Install Playwright from [here](https://playwright.dev/docs/intro) to run the tests or execute
`npx playwright install` && `npx playwright install msedge` to install it globally.
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.
This project uses next/font
to
automatically optimize and load Inter, a custom Google Font.
- Next.js
- ReactJS
- TailwindCSS
- Graphviz
- React Router
- Redux Toolkit
- React Toolkit Query
- Styled Components
- React-CVA
- Radix UI
- Jest
- React Testing Library
- Playwright
- Storybook
- OXC Linter
- Prettier
- Husky
- Lint Staged
- Commit Lint
- Conventional Commits
- Semantic Release
- Automatic ChatGPT Code Review
- Dependabot
- PNPM
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!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.