Hosting a Next.js website with GitHub Pages example
First, run the development server:
- Choose a place to run a local copy and open the terminal
- Get copy from Github eg
and copy the following into the terminal. This will create a appropriate location or change to suit your preferences.
mkdir -p "$HOME/GitHub/DavitTec/"
git clone https://github.com/DavitTec/nextsite.git $HOME/GitHub/DavitTec/nextsite
cd $HOME/GitHub/DavitTec/nextsite
pwd
echo "Check installed versions"
echo -e "VERSIONS\nNode:\t$(node -v)\nNVM:\t$(nvm -v)\nNPM:\t$(npm -v)\n"
npm update # update any missing packages
npm run dev # run the development
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.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js
.
The pages/api
directory is mapped to /api/*
. Files in this directory are treated as API routes instead of React pages.
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!
Node: v16.14.0 NVM: 0.38.0 NPM: 8.5.1
https://dev.to/jameswallis/deploying-a-next-js-app-to-github-pages-24pn
v0.1.2