{"id":29856410,"url":"https://github.com/martingit2/vegshop-butikk-front","last_synced_at":"2026-04-11T03:31:51.472Z","repository":{"id":305676817,"uuid":"820813649","full_name":"martingit2/vegshop-butikk-front","owner":"martingit2","description":"En uferdig, men funksjonell frontend for en e-handelsplattform, bygget med Next.js, TypeScript og Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2025-07-21T11:36:23.000Z","size":91,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-30T00:16:43.480Z","etag":null,"topics":["e-commerce","frontend","fullstack","headless-ui","learning-project","nextjs","react","tailwindcss","typescript","zustand"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/martingit2.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-06-27T08:23:40.000Z","updated_at":"2025-07-21T11:37:31.000Z","dependencies_parsed_at":"2025-07-21T13:23:12.707Z","dependency_job_id":null,"html_url":"https://github.com/martingit2/vegshop-butikk-front","commit_stats":null,"previous_names":["martingit2/vegshop-butikk-front"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/martingit2/vegshop-butikk-front","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/martingit2%2Fvegshop-butikk-front","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/martingit2%2Fvegshop-butikk-front/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/martingit2%2Fvegshop-butikk-front/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/martingit2%2Fvegshop-butikk-front/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/martingit2","download_url":"https://codeload.github.com/martingit2/vegshop-butikk-front/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/martingit2%2Fvegshop-butikk-front/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31668046,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["e-commerce","frontend","fullstack","headless-ui","learning-project","nextjs","react","tailwindcss","typescript","zustand"],"created_at":"2025-07-29T23:36:52.104Z","updated_at":"2026-04-11T03:31:51.447Z","avatar_url":"https://github.com/martingit2.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vegshop - En Fullstack E-handels Frontend\n\nDette prosjektet er en funksjonell, men uferdig, frontend for en moderne e-handelsplattform. Det ble startet som et selvstudium for å utforske og implementere en komplett handleopplevelse ved hjelp av Next.js og en \"headless\" API-tilnærming.\n\n**Prosjektstatus:** Prosjektet ble satt på pause for å prioritere skolearbeid. Grunnleggende funksjonalitet som produktvisning, filtrering og en komplett handlekurv er implementert.\n\n---\n\n## Om Prosjektet\n\nMålet med \"Vegshop\" var å bygge en rask og responsiv nettbutikk-frontend. Arkitekturen er basert på å hente data dynamisk fra et separat backend-API, noe som er en vanlig tilnærming for moderne webapplikasjoner.\n\n### Implementerte Funksjoner\n\n*   **Dynamisk Produkthenting:** Henter produkter, kategorier, billboards, farger og størrelser fra et eksternt API.\n*   **Produktkatalog:** Viser produkter på en hovedside og på dedikerte kategorisider.\n*   **Filtrering:** Lar brukere filtrere produkter basert på farge og størrelse.\n*   **Produktdetaljside:** Egne sider for hvert produkt med bildegalleri og informasjon.\n*   **Komplett Handlekurv:**\n    *   Global state management med **Zustand**.\n    *   Legg til, fjern og juster antall varer.\n    *   Lokal lagring (`localStorage`) slik at handlekurven vedvarer mellom besøk.\n*   **Utsjekk-flyt:** Enkel oppsummeringsside med en (planlagt) integrasjon mot en betalingsløsning som Stripe.\n*   **Responsivt Design:** Bygget med mobil-først-prinsipper og tilpasser seg ulike skjermstørrelser.\n\n### Teknologistack\n\n*   **Rammeverk:** Next.js (App Router)\n*   **Språk:** TypeScript\n*   **Styling:** Tailwind CSS\n*   **State Management:** Zustand\n*   **UI-komponenter:** Headless UI\n*   **Datakommunikasjon:** Fetch API, Axios (for utsjekk)\n\n---\n\n## Komme i Gang\n\nProsjektet krever et fungerende backend-API for å hente data. URL-en til dette API-et må settes i en miljøvariabel.\n\n### Forutsetninger\n*   Node.js (v18+)\n*   Et kjørende backend-API som matcher datastrukturene i `types.ts`.\n\n### Installasjon\n1.  **Klon repositoriet:**\n    ```bash\n    git clone https://github.com/dittnavn/vegshop-butikk-front.git\n    cd vegshop-butikk-front\n    ```\n2.  **Installer avhengigheter:**\n    ```bash\n    npm install\n    ```\n3.  **Sett opp miljøvariabler:**\n    Opprett en `.env.local`-fil i rotmappen og legg til URL-en til ditt backend-API:\n    ```\n    NEXT_PUBLIC_API_URL=http://localhost:3001/api/your-store-id\n    ```\n4.  **Start utviklingsserveren:**\n    ```bash\n    npm run dev\n    ```\nÅpne [http://localhost:3000](http://localhost:3000) i nettleseren din.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmartingit2%2Fvegshop-butikk-front","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmartingit2%2Fvegshop-butikk-front","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmartingit2%2Fvegshop-butikk-front/lists"}