- Przygotowanie materiałów (jak pisałem wcześniej)
-> logo, kolory, fonty → z brandbooka, -> zdjęcia (warsztaty, flakony, wnętrza), -> teksty (tagline, opis oferty, warsztaty, case studies B2B, kontakt), -> polityka prywatności / cookies, -> decyzja o rezerwacjach (Calendly embed czy własny flow).
- Struktura folderów
/pages index.vue -> Strona główna warsztaty.vue dla-firm.vue o-nas.vue kontakt.vue blog/[slug].vue /components Navbar.vue Hero.vue Section.vue WorkshopCard.vue Footer.vue /composables useSanity.ts -> klient CMS /assets /fonts /images /brand
Rezerwacje i kontakt
Warsztaty → embed Calendly iframe albo prosty formularz.
Kontakt → Nuxt server route (/server/api/contact.post.ts) wysyłający email np. przez EmailJS/SendGrid.
MVP → Formspree (zero back-endu)
- SEO i performance
Nuxt ma useHead do meta tagów:
- Hosting na Vercel
MVP: Strona główna, warsztaty (statyczne albo CMS), kontakt (formularz/Calendly), deploy.
Look at the Nuxt documentation to learn more.
Make sure to install dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun installStart the development server on http://localhost:3000:
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run devBuild the application for production:
# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run buildLocally preview production build:
# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run previewCheck out the deployment documentation for more information.