Adam Wathan

Technika

137: Tim Neutkens - Continuing to Innovate with Next.js 9.3

Full Stack Radio

A podcast for developers interested in building great software products. Every episode, Adam Wathan is joined by a guest to talk about everything from product design and user experience to unit testing and system administration.

Topics include:<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>Links:<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>Supporting the show: I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:<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>

Topics include:<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>Links:<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>Supporting the show: I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:<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>

Aplikace Youradio Talk

137: Tim Neutkens - Continuing to Innovate with Next.js 9.3

Poslechněte si podcast