This is a boilerplate to be use in your project with tecnologies TypeScript, NextJS, Jest and Styled-components.
First, run the development server:
npm run dev # or yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying
pages/index.js. The page auto-updates as you edit the file.
Init Husky in your project
npx husky-init && yarn
In the pre-commit file inside the .husky directory .husky/pre-commit Change line content
npm test to
npx --no-install lint-staged
dev: runs your application on
build: creates the production build version
start: starts a simple server with the build production code
lint: runs the linter in all components and pages
test: runs jest to test all components and pages
test:watch: runs jest in watch mode
storybook: runs storybook on
build-storybook: create the build version of storybook
generate: create the component structure in an automated way
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!
Deploy on Vercel
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.