This is a Next.js project bootstrapped for Assignment 1
- Create new or use existing your github account.
- Login to your github account and create new repository.
- Create first commit of your download project to your own git repository there are 2 alternative ways to create your first commit.
- Use GUI Software: GitHub Desktop, SourceTree, GitKraken
- Use git cli: Install Git CLI
- For ssh url you need to set up your ssh key to your git account (If you already set up for another project please skip this step) Please see Set SSH Key for more details.
- For https url you need to create PAT to use as your password.
git init
# Add all files to commit
git add -A
git commit -m "first commit"
# Set branch to main
git branch -M main
# Set remote url and push
git remote add origin [[ YOUR REPOSITORY URL : https or ssh ]]
git push -u origin main
- Go to your repository and go to Settings > Collaborators then click Add People to add
theerat@muze.co.th
to collaborate your project. - Install Nodejs and Yarn to install node_modules: Nodejs and Yarn (Optional)
npm install
# or
yarn
Note: If installed complete you will see node_modules folder in Project
- run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
3. You can start editing the page by modifying pages/index.tsx
and styles/globlas.css
with any IDE you want. The page auto-updates as you edit the file.
4. Commit your finished code to
5. You need to deploy to your complete website to Vercel Platform. Please see Next.js deployment documentation for more details.
6. Turn in your project on Google Classroom with 2 links
- git repository url (e.g.
https://github.com/{{username}}/{{project_name}}
) - vercel deployment url (e.g.
https://{{project_name}}.vercel.app
)
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.