This is a Next.js v14 project bootstrapped with create-next-app and set up to be instantly deployed to Netlify!
This project is a very minimal starter that includes 2 sample components, a global stylesheet, a netlify.toml for deployment, and a jsconfig.json for setting up absolute imports and aliases. With Netlify, you'll have access to features like Preview Mode, server-side rendering/incremental static regeneration via Netlify Functions, and internationalized routing on deploy automatically.
(If you click this button, it will create a new repo for you that looks exactly like this one, and sets that repo up immediately for deployment on Netlify)
First, run the development server:
npm run dev
# or
yarn devOpen 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.
Option one: One-click deploy
Option two: Manual clone
- Clone this repo:
git clone https://github.com/netlify-templates/next-netlify-starter.git - Navigate to the directory and run
npm install - Run
npm run dev - Make your changes
- Connect to Netlify manually (the
netlify.tomlfile is the one you'll need to make sure stays intact to make sure the export is done and pointed to the right stuff)
We’ve included some tooling that helps us maintain these templates. This template currently uses:
- Renovate - to regularly update our dependencies
- Cypress - to run tests against how the template runs in the browser
- Cypress Netlify Build Plugin - to run our tests during our build process
If your team is not interested in this tooling, you can remove them with ease!
In order to keep our project up-to-date with dependencies we use a tool called Renovate. If you’re not interested in this tooling, delete the renovate.json file and commit that onto your main branch.