Video: Pages and Navigation In Gatsby
Pro Gatsby
Released: undefined
-
1. Introduction
4M48S
-
2. Getting Started
7M12S
-
3. Gatsby Files Explained
8M
-
4. Pages and Navigation In Gatsby
5M50S
-
5. Importing Assets In Gatsby
7M14S
-
6. An Introduction To Styled Components In Gatsby
11M32S
-
7. Understanding Gatsby's Data Layer with GraphQL
16M36S
-
8. Image Transformation & Manipulation In Gatsby
12M29S
-
9. Image Component Part 2
11M23S
-
10. How To Query Markdown Files In Gatsby
13M46S
-
11. Working With Markdown Posts
16M17S
-
12. Adding Posts As Pages
16M49S
-
13. Context Queries For Our Blog Page
13M14S
-
14. Animated Page Transitions With The Web Animations API
18M24S
-
15. Interface Improvements & Query Sorting
9M50S
-
16. Building For Production -
5M18S
-
17. Deploying To Github Pages
11M49S
-
18. Easy Hosting With Netlify
10M15S
-
19. Setting Up Netlify CMS
15M37S
-
20. Github Auth With Netlify CMS
10M9S
-
21. Images In Netlify CMS
13M40S
-
22. Contentful With Gatsby
11M29S
-
23. Generating Pages From Contentful
16M36S
-
24. Auto Updating With Contentful & Netlify
9M52S
-
25. Where To Go From Here
5M18S
Pages and Navigation In Gatsby
In this series, we dive into Gatsby.js by building a blog with markdown, Netlify CMS & Contentful and cover everything from page animations, to several hosting options that automatically rebuild.
TODO
Blazing-fast static site generator for React
Modern web tech without the headache Enjoy the power of the latest web technologies – React.js , Webpack , modern JavaScript and CSS and more — all setup and waiting for you to start building.
Bring your own data Gatsby’s rich data plugin ecosystem lets you build sites with the data you want — from one or many sources: Pull data from headless CMSs, SaaS services, APIs, databases, your file system & more directly into your pages using GraphQL .
Scale to the entire internet Gatsby.js is Internet Scale. Forget complicated deploys with databases and servers and their expensive, time-consuming setup costs, maintenance, and scaling fears. Gatsby.js builds your site as “static” files which can be deployed easily on dozens of services.
Future-proof your website Don't build a website with last decade's tech. The future of the web is mobile, JavaScript and APIs—the JAMstack. Every website is a web app and every web app is a website. Gatsby.js is the universal JavaScript framework you’ve been waiting for.
Static Progressive Web Apps Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.
Speed past the competition Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers — ready to be delivered instantly to your users wherever they are.