https://github.com/jcanelis/trackqueen-website

TrackQueen marketing website.
https://github.com/jcanelis/trackqueen-website

contentful firebase gatsby graphql netlify react

Last synced: 3 months ago
JSON representation

TrackQueen marketing website.

• Host: GitHub
• URL: https://github.com/jcanelis/trackqueen-website
• Owner: jcanelis
• License: mit
• Created: 2023-11-08T18:25:59.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-15T05:46:30.000Z (11 months ago)
• Last Synced: 2024-09-28T13:42:43.166Z (7 months ago)
• Topics: contentful, firebase, gatsby, graphql, netlify, react
• Language: JavaScript
• Homepage: https://trackqueen.app
• Size: 1.17 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Lint & Gatsby Build](https://github.com/jcanelis/trackqueen-website/actions/workflows/gatsby-build-prod.yml/badge.svg)](https://github.com/jcanelis/trackqueen-website/actions/workflows/gatsby-build-prod.yml)

[![Netlify Status](https://api.netlify.com/api/v1/badges/b8ab41f9-4478-421d-b762-8ae7ebc81fc6/deploy-status)](https://app.netlify.com/sites/mellow-heliotrope-747e07/deploys)

## TrackQueen website 💿 👑

Learn more about your music. TrackQueen gives you analysis, background info, comments, lyrics, videos and other content about your currently playing song.

### Overview

The marketing website for TrackQueen is built with [Gatsby](https://www.gatsbyjs.com/) using React. [Contentful](https://www.contentful.com/) is used to manage most of the content. Some Google [Cloud Functions](https://cloud.google.com/functions) are made available using Node.js with [Firebase](https://firebase.google.com/). These function endpoints are used to send text messages with [Twilio](https://www.twilio.com/) and emails with [SendGrid](https://sendgrid.com/). The site is hosted on [Netlify](https://www.netlify.com/). Pull requests from GitHub will generate a preview URL and anything merged will ship to production after running a quick lint and build check using [GitHub Actions](https://github.com/features/actions).

### Content

All of the imagery and most of the text content for each page on the site is managed by using the Contentful [headless](https://www.contentful.com/headless-cms/) CMS. If content is updated, a new site build is triggered on Netlify via a webhook. If changes to the codebase are merged, a new build is triggered and Netlify will fetch the latest from Contentful.

### Fonts

This project has a web license to use the Söhne typeface from [Klim Type Foundry](https://klim.co.nz/collections/soehne/). The font files cannot be included in the public repo so they are imported during the Netlify build process.

### Development

Here's how to get started building:

```shell

git clone [email protected]:jcanelis/trackqueen-website.git

nvm use 20.11.0

cd trackqueen-website && yarn

gatsby develop

gatsby build

gatsby serve

```