...
För att slippa sätta upp allt varje gång så finns en starter här: LÄNK-PLACEHOLDER
Table of Contents | ||||
---|---|---|---|---|
|
...
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.
...