Awesome Next.js #3

Welcome to the last issue of 2020 on the last day of the year ;-)

As many were taking a break this past week and celebrated Christmas only a few videos were released. So let's look back on this last year instead.

In 2020 Next.js made big leaps in features and popularity!

With the 9.3 release in March Next.js got built-in optimized static generation through new data fetching methods. Next.js is the first hybrid framework, allowing you to choose between Static generation (SSG) and server-side rendering (SSR) on a per-page basis. With 9.3 Preview Mode was introduced as well. Preview Mode allows users to bypass the statically generated page to on-demand render (SSR) a draft page from for example a CMS. Next.js 9.4 introduced many examples on how to fetch content from Headless CMS APIs with the new next-gen static site generation and Next.js 9.5 added Incremental Static Regeneration to update static content after you have already built your site. One use case that Incremental Static Regeneration enables is using Google Sheets as a CMS which I wrote about in this article.

Then in October Next.js Conf took place and Next.js 10 was released with a new built-in image component, internationalized routing and more.

In 2020 it seems like many were introduced to Next.js and it became even more popular. Also Next.js Conf was awesome and a great way to attract more developers to Next.js. Can't wait for 2021!

Top Next.js videos in 2020

React 2025

Not one video, but a free course by Lee Robinson about building a SaaS application with Next.js, Firebase and Stripe.

NextJS Authentication Crash Course with NextAuth.js

Authentication is needed in many apps. James Perkins explains how to authenticate your Next.js app with NextAuth.js in this Crash Course.

From Gatsby to Next.js: The Power of Incremental Static Regeneration

A different kind of video. Half Vlog, half coding along: Sam Selikoff explains how he converted his personal site from Gatsby to Next.js.

Build a FullStack Ecommerce with Nextjs, Strapi, Magic and Stripe

In this 2.5h long video Alex the Entreprenerd teaches you how to build an ecommerce shop with Next.js, Strapi, Magic and Stripe.

How to Use Framer Motion to Add Animations and Page Transitions to a Next.js React App

A short tutorial by Colby Fayock on how to spice up your Next.js app with animations and page transistions.

Next.js Conf

If you still want more. Checkout these 45 talks from Next.js Conf.

Find more awesome Next.js videos and articles on Awesome Next.js.

Happy New Year! Andreas