Date: Wed, 08 Apr 2020 14:58:00 +0000
<p>Topics include:</p><ul> <li>An overview of the new getStaticProps, getStaticPaths, and getServerSideProps APIs</li> <li>How Next.js helps you serve static pages from an edge CDN automatically, without affecting the actual authoring experience</li> <li>Using getStaticPaths to statically pregenerate dynamic routes</li> <li>How the fallback feature of getStaticPaths works and lets you statically render pages on-demand to avoid long build times</li> <li>How the upcoming incremental static generation feature will work in Next.js</li> <li>Deploying Next.js to a platform other than Zeit, and how you retain all of Next’s benefits automatically</li> <li>How getServerSideProps is different from getInitialProps</li> <li>Why getServerSideProps actually improves performance, even though it introduces another hop</li> <li>How getServerSideProps results in smaller bundle sizes vs. getInitialProps</li> <li>Using getServerSideProps to safely talk directly to a database, skipping the need for an API</li> <li>Why Zeit as a company has started to favor client-side data fetching with SWR over getInitialProps/getServerSideProps, and how they are combining that with statically pregenerated “shells” for incredibly fast feeling experiences</li> <li>What’s coming next in future releases</li> </ul><p>Links:</p><ul> <li><a href="https://nextjs.org/">Next.js</a></li> <li><a href="https://nextjs.org/blog/next-9-3">Next.js 9.3 Announcement</a></li> <li><a href="https://github.com/zeit/next.js/discussions/11552">Incremental Static Generation RFC</a></li> <li><a href="https://next-code-elimination.now.sh/">Next.js Code Elimination Demo</a></li> <li> <a href="https://github.com/zeit/swr">SWR</a>, ZEIT's data fetching library</li> </ul><p>Supporting the show:</p><p><br />I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.</p><p>If you do want to support the show, the best way to do it is to purchase one of my products:</p><ul> <li> <a href="https://tailwindui.com">Tailwind UI</a>, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS</li> <li> <a href="https://refactoringui.com/book">Refactoring UI</a>, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.</li> <li> <a href="https://adamwathan.me/advanced-vue-component-design">Advanced Vue Component Design</a>, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.</li> <li> <a href="https://course.testdrivenlaravel.com">Test-Driven Laravel</a>, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.</li> <li> <a href="https://adamwathan.me/refactoring-to-collections">Refactoring to Collections</a>, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.</li> </ul>
