Hur publicerade jag hemsidan med VITE?

• Jag har node.js nedladdat på min dator sedan tidigare.
• För att börja skapa hemsidan skrev jag i terminalen för windows: npm create vite@latest.
• Jag valde projekt-namn > framework till vanilla, variant till javascript > nej till experimentella funktioner > installera med npm och starta nu.
• Jag startade VSC med code . > La in node-modules/ inom .gitignore.> uppladdning till github som publikt repo.
• Deletade övriga bilder och filer som fanns sedan innan inom public och src.
• Inom min index.html länkade jag in css- och javascript-filer.
• Skapade vite.config.js för att lägga till sidor inom (html) när man kör npm run build, utan detta blir bara index.html lagd till dist > genom build, rollupOptions, input, main, valde jag dirnamn på mina html-filer:

• Hämtade paketet/plugin vite-image-optimizer hos npm, skrev in npm install vite-plugin-image-optimizer --save-dev & npm install sharp --save-dev i terminalen
• Laddade upp 6 bilder inom /images > 6 img-element inom pictures.html > vite.config.js skrev jag under plugins: ViteImageOptimizer > valde kvaliteter för mina bilder.
  Nu hade jag bara avif-bilder, men skrev jpg, webp osv också.. > mixtrade med kvalitet först > valde 75 som slutliga kvalitet. Detta blev automatiserat och jag själv behövde inte göra något för att ändra kvalitet, skrev endast in vilken kvalitetsgrad jag önskade.
• La in kod till CSS. som ligger inom scss.
• Inom terminalen > kommandot: npm run dev, för att förhandsgranska sidan.
• Skapade publish.html, denna sida. > skapade readme.md fil
• Optimerade allt genom att automatisera CSS, js och bilder genom kommandot npm run build.

• Kopplade github repo till Netlify för publicering av hemsidan, > valde att deploya branch dev först för att kika.
• Mergade från dev till main genom: git merge dev, i terminalen när jag stod inom main-branch.
• Deployade main och bytte production branch i netlify till main från dev > laddade upp hemsidan igen