Frank's Movie Log

Source for www.franksmovielog.com. Built on Gatsby.

Setup

1. Install nvm.

   See the instructions at the NVM repo.

2. Intialize your Node env.

   An .nvmrc is included in the project.

   # use the .nvmrc version of Node.
   nvm use

3. Install yarn.

   Yarn is our package-manger of choice.

   # enable yarn via corepack
   corepack enable

4. Start a Dev server.

   Running the task through yarn will also pass the necessary parameters to allow external access to the site.

   # start Gatsby develop.
   yarn develop

5. Open the source code and start editing!

   The site is now running at http://localhost:8001 with a GraphQL instance at http://localhost:8001/___graphql.

What's inside?

A quick look at the non-standard directories included in the project.

.
├── content
├── src/images
├── src/styles
└── src/utils

1. /content: The movie log content. Reviews and data copied from the backend system, as well as front-end specific assets like backdrops and posters. It also contains the content for the about and how I grade pages.

2. /src/images: The favicon images used by the gatsby-manifest plugin to generate the necessary meta tags.

3. /src/styles: Shared SASS variables and mixins.

4. /src/utils: Shared utility functions.

Deployment

Push to Github and Netlify takes it from there.