Set-up NextJS project

1. Git Repository

  • Creați un repository public nou în GitHub ( !bifați optiunea Add a README file și selectați Add .gitignore template - Node )

  • Copiați link-ul de clonare al repository-ului și rulați din terminal (eu folosesc git bash - vine la pachet cand instalati git) comanda git clone într-un folder local cu respectivul link

2. Inițializare proiect NextJS

Pentru comanda npx create-next-app@latest folositi Terminalul windows (click dreapta in folderul curent -> Open in Terminal). Vom folosi acel terminal pentru ca respectiva comanda declanseaza un proces interactiv care nu functioneaza mereu in Git Bash

  • Deschideti terminalul Windows in directorul proiectului

  • Rulati comanda: npx create-next-app@latest si alegeti urmatoarele optiuni

  • Un project NextJS va fi creat intr-un director nou. Pentru a evita confuziile, mutati totul din directorul nou creat in directorul in care ati initializat un repository de git.

  • Deschideti proiectul nou creat intr-un editor

  • Din orice terminal, fiind in directorul proiectului, rulati npm run dev. Proiectul ar trebui sa porneasca pe portul 3000.

  • Accesati http://localhost:3000/ - ar trebui sa vedeti aceasta pagina

  • Felicitari, avem un proiect NextJS functional. Vom trimite codul in git si ne vom intoarce la el mai tarziu.

  • Pentru a trimite codul în repository-ul remote, rulați git add . , git commit -m "Initial setup" , git push origin [numele branch-ului] in terminal. Pentru mai multe detalii despre Git - https://education.github.com/git-cheat-sheet-education.pdf

Last updated