This is the website for yogabydelphine.com.

You can book online and in-studio yoga courses (only available in french).

This site is based on a JAMSTACK architecture:

• GatsbyJS: a static site generator
• Shopify for the e-commerce part
• Netlify for CI/CD/hosting
• Cloudinary to manage images
• Tailwindcss

Performance and accessibility are essential for this project. That's the reason why I rely on a static site generator such as Gatsby. The challenge is to manage dynamic data (courses).

The key idea of this architecture is the use of webhooks. I define webhooks to trigger builds on Netlify when a course is created/updated/deleted on Shopify.

You can find the website design in Figma here

NOTE: a Cloudinary account and a Shopify partner account are required.

• Clone the repo:

$ git clone https://github.com/nicolaserny/yoga-by-delphine.git

• Go to the project directory and install dependencies:

$ cd yoga-by-delphine && npm install

• Configure env variables by creating a .env.development file (use the template file)

• Run the development server:

$ npm run develop

MIT License