https://github.com/wkovacs64/drinks

Craft Cocktail Gallery
https://github.com/wkovacs64/drinks

alcohol algolia booze bourbon contentful fly github-actions react remix remix-run tailwind tailwindcss

Last synced: 5 days ago
JSON representation

Craft Cocktail Gallery

• Host: GitHub
• URL: https://github.com/wkovacs64/drinks
• Owner: wKovacs64
• License: mit
• Created: 2022-06-17T15:32:12.000Z (over 2 years ago)
• Default Branch: dev
• Last Pushed: 2024-04-14T02:16:36.000Z (7 months ago)
• Last Synced: 2024-04-14T02:55:00.019Z (7 months ago)
• Topics: alcohol, algolia, booze, bourbon, contentful, fly, github-actions, react, remix, remix-run, tailwind, tailwindcss
• Language: TypeScript
• Homepage: https://drinks.fyi
• Size: 10 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        


  
Drinks 🥃

  


    Craft Cocktail Gallery

  





## Technologies used:

- [Remix](https://remix.run/) (full stack web framework)

- [React](https://reactjs.org/) (UI library)

- [Contentful](https://www.contentful.com/) (headless CMS) with [GraphQL](https://graphql.org/) (API

  interaction)

- [Algolia](https://www.algolia.com/) (search)

- [Fly](https://fly.io/) (hosting)

- [Tailwind CSS](https://tailwindcss.com/) (styles)

- [GitHub Actions](https://docs.github.com/en/actions) (CI/CD)

## Run your own:

1. Create a new app and index at [Algolia](https://www.algolia.com/).

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

   [Contentful](https://www.contentful.com/).

1. Clone this repo and change to the directory.

   - You'll probably want to edit the name, description, etc.

1. Use the [`contentful-cli`](https://github.com/contentful/contentful-cli) package to run the

   following:

   ```sh

   contentful space import --management-token  --space-id  --content-file contentful-space.json

   ```

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

   information.

1. Deploy to [Fly](https://fly.io/):

   - See [Fly docs for Node apps](https://fly.io/docs/getting-started/node/)

   - See [Remix Indie Stack](https://github.com/remix-run/indie-stack) for a comprehensive example

1. Create a couple webhooks in Contentful (one for dev and one for prod):

   - Trigger off `Entry` `Publish` and `Unpublish` events

   - `POST` requests to `/_/content-change` (domain should differ for dev and prod)

   - Set custom `X-Contentful-Webhook-Token` header to a private, generated token of your choosing

     (this will need to match what's in your `CONTENTFUL_ACCESS_TOKEN` environment variable)

   - Leave the default content type (`application/vnd.contentful.management.v1+json`)

1. Install the [Algolia integration](https://www.contentful.com/marketplace/webhook/algolia/) in

   Contentful and modify the resulting webhooks as necessary.