Skip to content

Chayapol-c/Flex-CSS-and-React-Components

Repository files navigation

This is a Next.js project bootstrapped for Assignment 1

Getting Started

  1. Create new or use existing your github account.
  2. Login to your github account and create new repository.
  3. Create first commit of your download project to your own git repository there are 2 alternative ways to create your first commit.
    1. Use GUI Software: GitHub Desktop, SourceTree, GitKraken
    2. Use git cli: Install Git CLI
      1. 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.
      2. 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
  1. Go to your repository and go to Settings > Collaborators then click Add People to add theerat@muze.co.th to collaborate your project.
  2. 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

  1. 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

  1. git repository url (e.g. https://github.com/{{username}}/{{project_name}})
  2. vercel deployment url (e.g. https://{{project_name}}.vercel.app)

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

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.

About

Muze Academy Website Developer with NEXT.js assignment

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published