wKovacs64 / drinks-gatsby

Showcase your favorite cocktails

Drinks 🥃

Static site and PWA to showcase your favorite cocktails

---

Technologies used:

• Gatsby (static site generator for React, powered by GraphQL)
• Contentful (headless CMS)
• Algolia (search)
• Netlify (hosting, form handling, and continuous deployment)
• Tailwind CSS
• CSS Grid Layout

Run your own:

1. Create a new app and index at Algolia.

2. Create a new space, content management token, and content delivery (access) token at Contentful.

3. Clone this repo and change to the directory.

4. Use the contentful-cli package to run the following:

   contentful space import --management-token <your-management-token> --space-id <your-space-id> --content-file contentful-space.json

5. Copy the provided .env.example file to a new .env file and fill in the values with your information.

   Tip: if desired (e.g. for production deployments), change the CONTENTFUL_HOST value to cdn.contentful.com to only see published data.

6. Deploy to Netlify:

   

   • Configure the environment variables for your site in your Netlify site settings so they match the entries in your .env file.

   • Create a build hook and note the URL. Then, configure a webhook in your Contentful space (under Settings > Webhooks) and provide the Netlify build hook URL to trigger a rebuild whenever you update content in Contentful for silky smooth continuous deployment.

   • Lastly, you may wish to add a notification for the feedback form in the form notifications section of your Netlify site settings so you are notified when someone submits feedback.