- Next.js integrating with TypeScript
- Styled Components with SSR (Server Side Rendering)
- Storybook
- Webpack 5
- Sass
- ESLint Airbnb configuration
- Editorconfig
- Jest with Enzyme
- Test, Build and Lint workflows
- Commit Lint with Husky
First, run:
npm install # If you're using npm
# or
yarn # If you're using yarn
Then, 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 src/pages/index.js
. The page auto-updates as you edit the file.
If you're having trouble with ESLint rules, check the ESLint Documentation
.
The recommended VSCode config on .vscode/settings.json
, but make sure you have this options checked:
File > Preferences > Settings > Extensions > ESLint
File > Preferences > Settings > Text Editor
There's a file with the recommended extensions and a nstalation script in .vscode
folder.
You can run the script like this:
chmod +x install-ext.sh # Permission to execute
# And then
./install-ext.sh # Execute the script
As Next.js releases more features, this template will be updated. So keep your repository up to date by doing these steps:
git remote add template https://github.com/Gabb-c/gabbc-page.git
git fetch --all
git merge template/[branch to merge] # If git refuses, add the flag --allow-unrelated-histories
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.