Set-up NextJS project
Last updated
Last updated
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
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