xKarol / vision-studio

Photography portfolio website built using Astro and integrated with Storyblok CMS

Home Page:https://vision-studio-chi.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vision Studio πŸ“·

VisionStudio Demo

This is a photography portfolio website built using Astro and integrated with Storyblok CMS.

πŸ”₯ Features

  • Storyblok CMS integration
  • SEO-friendly
  • Responsive design
  • Locomotive Scroll
  • GSAP animations
  • Google Analytics integration
  • Leaflet Map integration
  • Newsletter integration with SendGrid
  • Static Site Generation (SSG)

πŸ’» Built with

AstroJS Typescript SolidJS Storyblok GSAP Lenis Leaflet Sendgrid LucideIcons Vercel Tailwindcss

πŸš€ Demo

Demo

πŸ” Prerequisites

  • NodeJS
  • Yarn

πŸ› οΈ Installation Steps

  1. Clone the repository

    git clone https://github.com/xkarol/vision-studio.git
  2. Change directory

    cd vision-studio
  3. Install dependencies

    yarn install
  4. Create .env file based on .env.example

    You can get api keys here:

    STORYBLOK_TOKEN

    SENDGRID_API_KEY, SENDGRID_MAILING_ID

    STADIA_API_KEY

  5. Run the app

    yarn dev

About

Photography portfolio website built using Astro and integrated with Storyblok CMS

https://vision-studio-chi.vercel.app


Languages

Language:Astro 72.7%Language:TypeScript 19.7%Language:JavaScript 5.2%Language:CSS 2.4%