See Live Demo of this Template
- Open the
package.json
file and change thename
property to the name of your application, andauthor
to your name. - From your command line, be in the root directory and run
npm install
ORnpm i
for short. - Next, run
npm run prepare
. This command sets up husky to track eslint errors on commit that will make your deploy fail on Netlify. - To start your application, run
npm run dev
. THIS IS THE COMMAND YOU WILL USE TO RUN YOUR DEVELOPMENT SERVER FROM NOW ON. - Open http://localhost:3000 with your browser.
You can start editing the page by modifying pages/index.js
. The page auto-updates as you edit the file.
For every file you will need to make an XHR request in, you will need to require Axios
import axios from 'axios';
const examplePromise = () => {
axios.get('http://localhost:3001/example')
.then((data) => {
console.warn(data);
})
.catch((error) => {
console.error(error);
});
});
Netlify will automatically detect your project and prepopulate the settings, but should something go wrong and it does not, here are the commands:
- Build Command:
npm run build
- Publish directory:
.next
- Add Environmental Variables
- Any Enviromental variables you are using in your
.env
file should be added to Netlify.- Go to Site settings > Build & deploy > Environment > Environment variables and the keys and values there.
- Any Enviromental variables you are using in your
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.