All Things Open 2022
Thanks for tuning in to my talk! ❤️
Resources
- Usage statistics of content management systems (w3techs.com)
- CMS Usage Distribution in the Top 1 Million Sites (trends.builtwith.com)
- WordPress REST API (developer.wordpress.com)
- WPGraphQL (wpgraphql.com)
- AWS Well-Architected (aws.amazon.com)
- Next.js WordPress Starter (github.com)
- Terminology explained: Atomic and immutable deploys (netlify.com)
- Distributed Persistent Rendering (DPR) #549 (github.com)
- Distributed Persistent Rendering: A new Jamstack approach for faster builds (netlify.com)
- Netlify With Next.js (netlify.com)
- Ecommerce on the Jamstack with Snipcart, Next.js, & WordPress (leveluptutorials.com)
ECommerce Product Management & Storefront with GraphCMS, Snipcart, & Next.js
In this course, we’ll walk through building an online store including adding a shopping cart, checkout funnel, and learning how to sanely manage all of your product data all within a full stack Next.js app.
Here’s what’s included:
- Creating a new React app with Next.js
- Manage product data from a GraphQL API with dynamic routes using GraphCMS
- Adding a shopping cart with Snipcart with Stripe as a payment gateway
- Easy product image management and optimization with Cloudinary
- Using Leaflet to add a map of all of our IRL store locations
- Deploying a Next.js app to Vercel
The course is FREE at launch so make sure you jump in before it’s too late.
Ecommerce on the Jamstack on Level Up Tutorials
Ecommerce is a critical component of how our world works today. And it’s not just for the big megabrands… as developers, we have all the tools we need to build online stores ourselves, whether its for our new client or for our new sticker store!
This course will walk you step-by-step through building your own online store including:
- Creating an app with Next.js
- Adding a shopping cart with Snipcart
- Dynamically managing products with WordPress & WPGraphQL
- Deploying a Next.js app to Netlify
- And much more
All this on the Jamstack, which you know means you’re going to get a fast, reliable, and cost effective store!
Get started at leveluptutorials.com
Free Course: From Design to Development
This course is PACKED with a ton of awesome web tools including:
- 🎨 Designing layouts with Figma
- 💻 Creating React apps with Next.js
- 💅 Styling the web with Sass
- 📓 Creating component systems with Storybook
- 🧐 Automating Visual Testing with Applitools Eyes
- 🤖 Automating code tasks with GitHub Actions
- ⚙️ Deploying a Next.js app with Netlify
- 🔒 Authenticating users with Netlify Identity
- 📝 Managing dynamic content with Airtable
Or learn more at fromdesignto.dev
Learn by Doing with 50 Project Ideas
Stop asking yourself WHAT you want to build and start learning by doing with these 50 project ideas complete with project briefs, resources, and layout ideas.
Free Download: 50 Projects for React & the State Web
Journey to Dev
As an educator, part of my goal is to create content that helps others learn new tools through tutorials, walkthroughs, videos, courses, and really any medium I can use.
But none of those tutorials include the soft skills beyond code that are important to a career, like how to communicate with a team or how to figure out how you learn best.
This free 7-week newsletter helps you learn the human-oriented skills that you don’t learn through tutorials like:
- How do I learn best?
- How do I ask the right questions?
- How can I become a good communicator?
- How can I better position myself to find a job?
- How can I set myself up for success?
