Slick's Slices Frontend

This is a web application created for a fake pizza shop called Slick's Slices.

It is built with Gatsby and uses Sanity for a headless CMS.

⚡️ View Live Demo ⚡️

The backend repo can be found here.

📸 Screenshots

⚡️ Technologies

• Gatsby
• Sanity
• GraphQL
• Netlify
• Serverless functions hosted on Netlify
• Styled Components
• Fast, optimized images

🚀 Local Environment Setup

1. Copy .env.EXAMPLE to .env.
2. Clone the backend repo and follow the setup instructions.
3. Get a new API token for your Sanity project and add it to the SANITY_TOKEN variable in .env.
4. Get the deployed GraphQL endpoint for your Sanity project and add it to the GATSBY_GRAPHQL_ENDPOINT variable in .env.
5. Add MAIL_HOST, MAIL_USER and MAIL_PASS values for a transactional email service in .env to send emails via the order form.
6. Install dependencies with yarn.
7. Install serverless function dependencies with yarn in the functions directory.
8. Start your dev server with yarn netlify.