Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

För att slippa sätta upp allt varje gång så finns en starter här: LÄNK-PLACEHOLDER

Table of Contents
minLevel1
maxLevel7

...

Vi försöker att utnyttja static generation så mycket det går. Statiska filer har många fördelar som prestanda samt , går att leverera från CDN samt är lättare att skala. Det går att bygga APIer API:er direkt i NextJS vid behov men om det byggs i Express så blir det mer frånkopplat och lättare att anpassa.

Tailwind + Sass

Designriktlinjer: LÄNK-PLACEHOLDER

Tailwind är ett utility-ramverk för CSS som kommer med mycket out of-the-box som:

  • Färger / Teman

  • Media query breakpoints

  • Avstånd / Marginaler

  • Utility-klasser för nästan allt

Sass superset-språk av CSS.
Några features:

  • Nesting

  • Mixins

  • ModulesModuler

  • VariablesVariabler

ESLint + Prettier

ESLint & Prettier används för linting och formatering av kod för att få så konsekvent kod som möjligt som följer samma standard och formatering. Den ESLint-profil som ska användas är den NextJS rekommenderar.

...

Back-end byggs med Express som är en webb/applikations-server för NodeJS. Fördelen att bygga en separat back-end istället för att använda APIer API:er i NextJS är att få en headless arkitektur där det lätt går att koppla på nya front-ends eller byta ut befintlig front-end. Man kan även skala front och back-end separat vid behov.

...