Velkommen til "How to sideprosjekt"!
Dette repoet tilhører en workshop/arrangement som handler om å lage sitt eget sideprosjekt. Du behøver ikke å ha deltatt for å bruke dette git-repoet.
Vi forventer at du har node og npm installert. For å laste ned til ditt operativsystem sjekk innstruksene her:
- PÃ¥ Mac:
nodeognpmkan enkelt installeres ved å bruke Homebrew. Åpne terminalen og kjør kommandoenbrew install node. Om du ikke Homebrew, kan du laste nednodefra Node.js sin offisielle nettside. - Windows-brukere: Last ned
WSL(widows subsystem for linux) ved å følge denne guiden og så følg stegene i denne guiden for å laste ned node. - Linux-brukere: Sjekk ut pakkehåndteringssystemet som følger med din distro for å installere
nodeognpm.
Lag en konto på Github
Følg denne guiden for å legge til ssh-nøkkel til GitHub-en din.
Naviger til den mappen du ønsker å ha prosjektet ditt i med cd kommandoen i terminalen. I den riktige mappen gjør følgende:
- Lag et nytt Next.js-prosjekt ved å kjøre
npx create-next-app@latesti terminalen eller fork dette prosjektet på GitHub og clone repoet.
npx create-next-app@latest-
Velg
recomended nextjs defaultsog trykkenter. Dette laster ned TypeScript som språk, ESLint, Tailwind CSS, og velger "App Router". -
Når prosjektet er ferdig installert, må du først navigere til prosjektmappen, og deretter installere avhengigheter.
cd <prosjektnavn>
npm install- Start prosjektet ved å kjøre
npm run dev.
npm run devDette vil starte en lokal server på http://localhost:3000. Når du endrer filer, vil nettsiden automatisk oppdatere seg selv.
Om du bruker VSCode anbefaler vi å laste ned Tailwind CSS IntelliSense for autocomplete av css klasser.
(Valgfritt! Gjerne lag noe eget.):
Vi har laget noen oppgaver for deg som du kan prøve å løse. Disse oppgavene kommer til å ta deg gjennom grunnleggende React og Next.js. Målet kommer til å være å lage en enkel portefølje-side for å vise frem prosjektene dine.
Det kommer til å være noen eksempler til kode på hvordan du kan "løse" oppgavene, men de er ikke nødvendigvis en fasit. Om du har lyst til å gjøre noe annerledes, er det bare å kjøre på! Oppgavene er laget for å gi deg en pekepinn på hva du kan gjøre.
Før du starter på oppgavene anbefaler vi å forke dette repoet til din egen GitHub-konto. Om du gjør det kan du også følge how-to-deploy for å lære hvordan du kan deploye prosjektet ditt til Vercel.