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 back on his Be An Expert bullshit avatarSwizec Teller back on his Be An Expert bullshit@Swizec
    @petecodes @kyleshevlin This is why I always:

    $ gatsby init
    or
    $ 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 back on his Be An Expert bullshit avatarSwizec Teller back on his Be An Expert bullshit@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.

    00W2p7pngdh5fjh

    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

    Cheers,
    ~Swizec

    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 Uncategorized,

    Learned something new?
    Read more Software Engineering Lessons from Production

    I write articles with real insight into the career and skills of a modern software engineer. "Raw and honest from the heart!" as one reader described them. Fueled by lessons learned over 20 years of building production code for side-projects, small businesses, and hyper growth startups. Both successful and not.

    Subscribe below 👇

    Software Engineering Lessons from Production

    Join Swizec's Newsletter and get insightful emails 💌 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 15,883+ engineers learning lessons from my "raw and honest from the heart" emails.

    ⭐️⭐️⭐️⭐️✨
    4.5 stars average rating

    Have a burning question that you think I can answer? Hit me up on twitter and I'll do my best.

    Who am I and who do I help? I'm Swizec Teller and I turn coders into engineers with "Raw and honest from the heart!" writing. No bullshit. Real insights into the career and skills of a modern software engineer.

    Want to become a true senior engineer? Take ownership, have autonomy, and be a force multiplier on your team. The Senior Engineer Mindset ebook can help 👉 swizec.com/senior-mindset. These are the shifts in mindset that unlocked my career.

    Curious about Serverless and the modern backend? Check out Serverless Handbook, for frontend engineers 👉 ServerlessHandbook.dev

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

    Want to get my best emails on JavaScript, React, Serverless, Fullstack Web, or Indie Hacking? Check out swizec.com/collections

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

    Did someone amazing share this letter with you? Wonderful! You can sign up for my weekly letters for software engineers on their path to greatness, here: swizec.com/blog

    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 ❤️