Swizec Teller - a geek with a hatswizec.com

    Learn Gatsby and NextJS with my new workshop

    We're talking about the JAMStack this week and how it helps you ship. πŸ›³

    And maybe that sounds weird. It's a buzzword Netlify invented to describe modern webapps. Here's what we're really talking about πŸ‘‰ Gatsby and NextJS.

    Think of the last time you started a new project. At work, that happens rarely. You've got the config sorted. Yeah it's annoying to change and you sometimes clash with your coworkers.

    But you can deal.

    On your own, though, that's when things get frustrating. You spend the first few hours getting started.

    Kyle Shevlin avatarKyle Shevlin@kyleshevlin
    You ever spend so long getting the project setup that by the time you're done, you're all "Fuck it. I don't want to do the damn thing any more."?

    Kyle gets it.

    I used to, but I don't anymore. Screw that.

    Swizec Teller published ServerlessHandbook.dev avatarSwizec Teller published ServerlessHandbook.dev@Swizec
    @petecodes @kyleshevlin This is why I always:

    $ gatsby init
    $ npx create-next-app

    and then

    $ now deploy

    Screw the setup. Ain't nobody got time for that.

    You see I used to be a Linux nerd back in the 2000's. One time I spent 3 days recompiling my entire operating system to flip a configuration flag that enabled dual monitors.

    Compiling an operating system on a single core 1000GHz AMD Athlon ... ah the folly of youth.

    When I switched to Mac, fussing with my computer melted away into the distance. Tweak 1 or 2 configs and you're done. Computer works.

    You've outsourced all the annoying stuff and you're free to work on your projects. No fiddling with tools.

    Swizec Teller published ServerlessHandbook.dev avatarSwizec Teller published ServerlessHandbook.dev@Swizec
    @dabit3 Another way to look at it: Our profession used to think compilers will put us out of business. Why hire a expert programmer if software can do 80% of the work?

    Because the programmer is now free to do more important things.

    The JAMStack workshop

    That's what the JAMStack workshop is about my friend. Showing you the tools that let you focus on your project. Screw the basics everyone needs.

    Join now and on November 9th at 11am Pacific you'll learn how to build a modern webapp. The user-facing parts.


    The JAMStack Workshop is a 4 hour interactive workshop focused on practical exercises. You'll spend the whole time coding and answering questions. No boring lectures allowed.

    Here's what a student had to say about a past workshop:

    Very hands on - excellent documentation and everything worked!!

    I've spent the last 3 years perfecting my approach to workshops. You're gonna love this my friend.

    No worries if you can't join live, the full recording is yours forever. But it's more fun live. You get to ask questions. πŸ˜‰

    And the mini-course you get in advance means we can spend our whole 4 hours together focusing on the exercises.

    Or to quote another student from a past workshop:

    Wow Swizec this was fantastic! It would take us months to figure this out on our own and you showed us in 4 hours.

    What we cover

    The JAMStack Workshop teaches you Gatsby AND NextJS. Yes both.

    Why both? Because they're great for different reasons.

    Gatsby works better for website-y apps and NextJS is better at webapps. Both can do either, but feel clunky when used for the wrong purpose.

    Both are fantastic to use. Gatsby has more plugins and a larger community, NextJS has the backing of its own JAMStack provider (Vercel).

    Both Gatsby and NextJS are based on the same principles:

    • React on the frontend
    • static-first UI generation
    • JAMStack deployment
    • build tools configured
    • routing configured
    • fantastic defaults to work with

    That's the key takeaway for this workshop. You'll learn the mindset behind a modern webapp. Whether you build with Gatsby, NextJS, your own setup, or the meta framework that comes out next week.

    Once you understand the mindset my friend, a new framework is just an implementation detail. You might even build your own.

    More of what's inside

    Gatsby and NextJS are great and I know you're smart enough to figure them out on your own. Jump into the docs for a few weeks and voila.

    The JAMStack Workshop focuses on cutting through the noise with an opinionated guide based on years of experience.

    You'll learn:

    • how Gatsby and NextJS work
    • how to use a flexible design system
    • use other people's themes to skip fussy design steps
    • add dark mode 🀘
    • file-based routing and why that's a good idea
    • using Markdown for content
    • with MDX for rich JS-enabled content
    • dynamic data loading in the browser
    • static builds for your app with baked-in data
    • keeping static data fresh when users navigate

    You get blazing fast static-first apps with constantly fresh data, without shitloads of hard work to get there.

    How it works

    Here's the best part: The JAMStack Workshop comes with a mini course.

    You start with 20 to 30 minutes of video. A couple lessons where I explain the theory.

    At the workshop, you're doing exercises. Everything's an exercise. I pose a problem, add light instructions, you create the solution. Then we walk through my solution and compare.

    Solving problems is the best way to learn. Reading solutions doesn't work. Research says so.

    And the mini-course you get in advance means we can spend our whole 4 hours together focusing on the exercises.

    Or to quote another student from a past workshop:

    Wow Swizec this was fantastic! It would take us months to figure this out on our own and you showed us in 4 hours.

    Join The JAMStack Workshop today. Enrollment closes Friday ✌️

    Got questions? hit reply


    PS: you can buy in 3 installments of \\$99, if that's easier :)

    and there's a team discount

    Did you enjoy this article?

    Published on October 28th, 2020 in

    Learned something new?
    Want to become an expert?

    Here's how it works πŸ‘‡

    Leave your email and I'll send you thoughtfully written emails every week about React, JavaScript, and your career. Lessons learned over 20 years in the industry working with companies ranging from tiny startups to Fortune5 behemoths.

    Join Swizec's Newsletter

    And get thoughtful letters πŸ’Œ on mindsets, tactics, and technical skills for your career. Real lessons from building production software. No bullshit.

    "Man, love your simple writing! Yours is the only newsletter I open and only blog that I give a fuck to read & scroll till the end. And wow always take away lessons with me. Inspiring! And very relatable. πŸ‘Œ"

    ~ Ashish Kumar

    Join over 14,000 engineers just like you already improving their careers with my letters, workshops, courses, and talks. ✌️

    Have a burning question that you think I can answer?Β I don't have all of the answers, but I have some! Hit me up on twitter or book a 30min ama for in-depth help.

    Ready to Stop copy pasting D3 examples and create data visualizations of your own? Β Learn how to build scalable dataviz components your whole team can understand with React for Data Visualization

    Curious about Serverless and the modern backend? Check out Serverless Handbook, modern backend for the frontend engineer.

    Ready to learn how it all fits together and build a modern webapp from scratch? Learn how to launch a webapp and make your first πŸ’° on the side with ServerlessReact.Dev

    Want to brush up on your modern JavaScript syntax?Β Check out my interactive cheatsheet: es6cheatsheet.com

    By the way, just in case no one has told you it yet today: I love and appreciate you for who you are ❀️

    Created by Swizec with ❀️