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: Besøk Node.js sin offisielle nettside og last ned den relevante installasjonsfilen for ditt system.
- Linux-brukere: Sjekk ut pakkehåndteringssystemet som følger med din distro for å installere
nodeognpm.
Du kan enten starte ved å forke dette repoet og hoppe til steg 3, eller du kan følge stegene under.
- Lag et nytt Next.js-prosjekt ved å kjøre
npx create-next-app@latesti terminalen.
npx create-next-app@latest-
Følg deretter den interaktive installasjonen. Vi anbefaler å velge TypeScript som språk, bruke ESLint og Tailwind CSS, samt også å velge "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.
- Next.js sin dokumentasjon
- React sin dokumentasjon
- Tailwind CSS sin dokumentasjon
- ChatGPT eller Chat UiB (her får man og GPT-4)
Om du bruker VSCode anbefaler vi å laste ned Tailwind CSS IntelliSense.
(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/blogg-side.
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.