Detta repo innehåller källkoden för den nya webbplatsen till Vänners Metallskrot. Projektet är byggt med React, TypeScript och Vite, med fokus på prestanda, enkel struktur och modern frontend.

Webbplatsen är en statisk marknads och kontaktwebb där formulärhantering sker via Basin.

• React 19 – UI
• TypeScript – Typ­säker JavaScript
• Vite – Snabb utvecklingsmiljö & build tool
• Chakra UI – Komponentbaserad styling och layout
• Framer Motion – Animationer
• React Router – Routing mellan sidor
• Three.js / React Three Fiber – 3D-grafik där det behövs
• Sass – Kompletterande styling
• Basin – Formulär, spam-skydd och e‑postnotifieringar

Klona repot och installera beroenden:

npm install

Starta utvecklingsservern:

npm run dev

Projektet körs då lokalt på:

http://localhost:5173

För att bygga projektet för produktion:

npm run build

Förhandsgranska produktionen lokalt:

npm run preview

Webbplatsens formulär är kopplade till Basin med:

• AJAX‑submit (ingen sidomladdning)
• SMTP‑validering av e‑post
• Lead Agent scoring (spam / kvalitet)
• Anpassade e‑postmallar

Ingen backend krävs i projektet.

src/
├── components/      # Återanvändbara UI‑komponenter
├── pages/           # Sidkomponenter
├── assets/          # Bilder, ikoner, media
├── styles/          # Globala och sidunika stilar
├── App.tsx
└── main.tsx

Projektet använder ESLint för grundläggande kodkvalitet.

Vill du aktivera striktare TypeScript‑regler kan du uppdatera eslint.config.js med type‑aware linting:

export default tseslint.config({
  extends: [
    ...tseslint.configs.recommendedTypeChecked,
    ...tseslint.configs.strictTypeChecked,
  ],
  languageOptions: {
    parserOptions: {
      project: ["./tsconfig.node.json", "./tsconfig.app.json"],
      tsconfigRootDir: import.meta.dirname,
    },
  },
});

Projektet är anpassat för deployment till valfri statisk hosting, t.ex:

• Netlify
• Vercel
• Cloudflare Pages
• Egen server

Deploya innehållet i dist/ efter build.

Webbplatsen är byggd för att vara lätt att vidareutveckla:

• Lägg till fler sidor i pages/
• Utöka formulär via Basin
• Anpassa design via Chakra UI

Privat projekt för Vänners Metallskrot.