CodeMash 2023
Thanks for tuning in to my talk! ❤️
Resources
You can find the slide deck and some more resources to get started!
- RTKFT Studios is Now Part of Nike (twitter.com)
- Nikeland (roblox.com)
- React Inner Image Zoom (npmjs.com)
- Shopping for Speed on ebay.com (web.dev)
- web.dev Measure Page Quality (web.dev)
- Cloudinary Website Image Analysis Tool (webspeedtest.cloudinary.com)
- Responsive Image Breakpoints Generator (responsivebreakpoints.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.
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?
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?
