3 Hours of Jamstack 2020
Thanks for tuning in to my talk! β€οΈ
Watch the Replay
Resources
- Slides (slides.com)
- Create an eCommerce Store with Next.js and Stripe Checkout (convertkit.com)
- Demo Repo (github.com)
- Demo Live (vercel.app)
Ebook: Learn All the Things About the Jamstack
Here are some things you’ll learn:
- What exactly is the Jamstack?
- What makes the Jamstack so awesome?
- What are the good parts?
- What are the not so good parts?
- How can we build Jamstack sites?
Learn by Doing with 50 Project Ideas
Free Download: 50 Projects for React & the State Web
Build Maps from Scratch with React Leaflet
What you’ll learn
- How to build a map from scratch in a React app
- How to add markers and shapes to a map
- About geospatial data formats and how to create your own
- How to wrangle that data and visualize that data on a map
- How to use geolocation features to personalize the map
- How to customize the map with imagery and custom markers
Build Maps with React Leaflet on egghead.io
Want more resources to learn?
More to learn on your code journey
- ποΈ Put Down the Javascript – Learn HTML & CSS (colbyfayock.com)
- ποΈ How to Become a Full Stack Web Developer in 2020 (freecodecamp.org)
- ποΈ What is the JAMstack and how do I get started? (colbyfayock.com)
- ποΈ Overcoming Your Fear of Writing and How You Can Find Motivation (colbyfayock.com)
- ποΈ Set Future You Up for Success with Good Coding Habits (colbyfayock.com)
Some handy tutorials
- πΉ How to host and deploy a static website or JAMstack app on AWS S3 & CloudFront (youtube.com)
- ποΈ How to host and deploy a static website or JAMstack app to AWS S3 and CloudFront (freecodecamp.org)
- πΉ How to add environment variables with Gatsby and Netlify (youtube.com)
- ποΈ What Are Environment Variables and How Can I Use Them with Gatsby and Netlify? (freecodecamp.org)
- πΉ How to create a custom React hook and publish it to npm (youtube.com)
- ποΈ How to Create a Custom React Hook and Publish it to npm (freecodecamp.org)