Skip to content

Live #19 of the Rocketseat GoStack Bootcamp: Static-site generation with Gatsby.

Notifications You must be signed in to change notification settings

kastorcode/gostack-live-19-gatsby

Repository files navigation

GoStack Bootcamp Live 19

🚀 Practical project of the Rocketseat GoStack Bootcamp.
👷 Developed by Matheus Ramalho de Oliveira.
🔨 Systems Analyst, Full-Stack Developer.
🏡 Goiânia, Goiás, Brasil.
✉️ [email protected]
👍 instagram.com/kastorcode


Live 19: Gatsby


Screenshots


🚀 Installation and execution

  1. Make a clone of this repository;
  2. Enter the folder running cd gostack-live-19-gatsby;
  3. Run yarn to install dependencies;
  4. Run yarn start to start the development server;
  5. Open the address http://localhost:8000 in the browser;
  6. Use the secondary link http://localhost:8000/___graphql to make information query. Know more.

🧐 What has inside?

├── node_modules
├── content
├── src
├── .gitignore
├── .prettierrc
├── gatsby-browser.js
├── gatsby-config.js
├── gatsby-node.js
├── gatsby-ssr.js
├── package.json
└── README.md
└── yarn.lock
  1. /node_modules: Contains all project dependencies;
  2. /content: Does not come with the Gatsby, stores blog posts, created with Markdown;
  3. /src: Src is a convention for source code, here is the code related to the frontend of the site;
  4. .gitignore: Which files are ignored by GIT;
  5. .prettierrc: Prettier settings;
  6. gatsby-browser.js: Gatsby default Browser API file;
  7. gatsby-config.js: Main configuration file of a Gatsby website; Know more;
  8. gatsby-node.js: Gatsby default Node API file, we use to create the blog pages from the content folder;
  9. gatsby-ssr.js: Gatsby default Server-side rendering API file;
  10. package.json: Manifest file for Node.js projects;
  11. yarn.lock: Automatically generated by Yarn.

🗓 ️Roadmap

  • Introduction to Node.js
  • Creating Node.js project
  • Continuing Node.js project
  • CSS Flexbox
  • UI Design
  • Introduction to React
  • First project with ReactJS
  • First project with React Native
  • Front-end documentation
  • Flux architecture
  • Using React Hooks
  • Server-side rendering(SSR) with ReactJS
  • GraphQL
  • Expo
  • Creating ReactJS project
  • Creating React Native project
  • Animations with React Native
  • Full-stack app development
  • Node.js tests
  • Node.js deploy
  • ReactJS tests
  • React Native tests
  • ReactJS deploy
  • React Native publication
  • WebSocket with Express
  • Advanced patterns at Node.js
  • OmniStack SaaS(software as a service) and AdonisJS
  • Final challenge
  • Monorepo