Source for www.franksmovielog.com. Built on Gatsby.
-
Install nvm.
-
Intialize your Node env.
An .nvmrc is included in the project.
# use the .nvmrc version of Node. nvm use
-
Install yarn.
Yarn is our package-manger of choice.
# enable yarn via corepack corepack enable
-
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
-
Open the source code and start editing!
The site is now running at
http://localhost:8001
with a GraphQL instance athttp://localhost:8001/___graphql
.
A quick look at the non-standard directories included in the project.
.
├── content
├── src/images
├── src/styles
└── src/utils
-
/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. -
/src/images
: The favicon images used by thegatsby-manifest
plugin to generate the necessarymeta
tags. -
/src/styles
: Shared SASS variables and mixins. -
/src/utils
: Shared utility functions.
Push to Github and Netlify takes it from there.