Handy new features in Next.js 9.4 (netlify.com)
May 18, 2020
Next.js 9.4 came out this past week, and boy howdy, there are some cool things that came out. My favorites though are Fast Refresh, Absolute Imports and Aliases, and Web Vitals Reporting!
Next.js 9.4 (nextjs.org)
May 11, 2020
Next.js 9.4 introduces React Fast Refresh, Incremental Static Regeneration, New Environment Support, Built-in Fetch, and more.
NextJS OAuth with Passport + Github (zemuldo.com)
Mar 14, 2020
Visual Open Authoring with Next.js & TinaCMS (dev.to)
Mar 10, 2020
We're focused on improving the independent web as a whole. We want to craft tools that help people build better sites and create better content. In line with this mission, we sought to create something we call Visual Open Authoring.
Next.js 9.1.7 (nextjs.org)
Jan 06, 2020
Next.js 9 was released six months ago, followed by Next.js 9.1 three months ago. These two releases added very powerful new features to Next.js, without increasing our baseline client runtime size. Since then, we've focused heavily on refining and improving the framework as a whole: 9.1.1, 9.1.2, 9.1.3, 9.1.4, 9.1.5, 9.1.6, and 9.1.7. Let's dive into what these releases have improved!
Dealing with links in Next.js (blog.logrocket.com)
Jan 02, 2020
In this article, I’m going to explain two of my techniques for isolating routing in your application. I use Next as an example, but they can be applied to pretty much all routing libraries.
Nice imports with Next.js (remysharp.com)
Nov 04, 2019
During my React based development, I'll find myself importing a module from '../../../components/Widget' and that ../../../ is anyone's guess if it's right first time or not. Except I discovered that Next.js (which is what I do most of my React dev with) ships with a trick up its sleeve.
Next.js 9.1 (nextjs.org)
Oct 07, 2019
Today, we are excited to announce Next.js 9.1 with src and public directory support.
Using HTTP/2 with Next.js & Express (itnext.io)
Oct 01, 2019
HTTP/2 or H2 is a major revision of the HTTP protocol used by the World Wide Web. It is based upon an experimental protocol SPDY, developed by Google, and aims to speed up internet exchanges between clients and servers.
Next.js 9.0.7 (nextjs.org)
Sep 30, 2019
Next.js 9.0 was released approximately two months ago. Since then, we’ve been busy with 7 smaller but quite important releases. Let’s dive into what these releases have brought to your websites and applications, with absolutely no breaking changes.
- Tim Neutkens
- Joe Haddad
- JJ Kasper
- Connor Davis
- Luis Alvarez
- Lukáš Huvar
Gatsby vs Next.JS - What, Why and When? (dev.to)
Sep 25, 2019
Ok firstly, I digress, I am a massive fan of both of these "frameworks". I can usually be seen gushing about them on my Twitter or Instagram, however, without a doubt, the question I get asked the most when talking about these tools is which is better? Should I use Next.JS? But I have heard Gatsby is pretty 🔥, maybe I should use that?
Next.js E-Commerce Tutorial: Quick Shopping Cart Integration (snipcart.com)
May 16, 2019
These days, there isn’t much you can’t do with React, whether you’re a seasoned developer or a complete beginner. This is mostly due to the creation of tools such as Next.js that have successfully simplified React frontend development. So, today, I want to explore what Next.js can do for e-commerce.
Next.js 8.1 (nextjs.org)
Apr 16, 2019
Today, we're excited to announce we've extended the Next.js experience to authoring AMP pages.
Styling Next.js with Styled JSX (nextjs.org)
Mar 28, 2019
Styled JSX is a CSS-in-JS library that allows you to write encapsulated and scoped CSS to style your components. The styles you introduce for one component won't affect other components, allowing you to add, change and delete styles without worrying about unintended side effects.
Creating localised NextJs apps with next-i18next (medium.com)
Mar 05, 2019
After deciding to remain in the i18n world, I began playing with react-i18next inside some simple NextJs apps, and quickly realised that although internationalising a simple client-side-only React app is fairly easy these days, internationalising an SSR React app (even with how easy NextJs makes it) is a somewhat difficult proposition.
6 tips: Using Next.js for your next web app (medium.com)
Feb 22, 2019
Next.js is indispensable when you want to build a high performance React app. It’s being used to power some of my apps such as WeCured, a data-driven medical community and True Home, an automated home valuation tool for properties in Hong Kong. Along the way, I learned a few tricks and figured out a few “gotchas” of the framework that beginners might find useful.
User Authentication with Next.js (jolvera.biz)
Feb 20, 2019
User authentication with Next.js has been one of the most requested examples by the community. The GitHub issue had more than 300 likes and hundreds of comments with recommendations and proposals.
Static website using NextJS and Markdown (vijayt.com)
Feb 17, 2019
This tutorial shows how to work with NextJS: add a new page, use CSS modules to style, navigate between pages, create a custom layout, process markdown files, create dynamic pages and export the app as a static website.
Things I've Learned Building Next.js Apps (leerob.io)
Feb 15, 2019
I've spent a lot of time in the past 4 months creating Next.js apps for both work and personal use. Along that journey, I've grown to really ❤ Next.js and it's ecosystem. Here are some of the things I've learned along the way.
Creating a Static Site using Next.js and TypeScript (medium.com)
Dec 19, 2018
My goal here is to document the steps required to create a static site rendered using next and TypeScript. I'm specifically interested in a configuration that uses the export functionality of next to produce what is basically a static, server-side rendered web site that integrates dynamic functionality once loaded. If that interests you as well, read on.
User Accounts with Next.js — An Extensive Tutorial (medium.com)
Oct 19, 2018
There is an issue on the next.js repo that has been open since the early days of the project (October 2016), it’s called Add login / authentication example and is one of 2 issues tagged Priority: OMG Maximum. The issue has 185 comments, many of which mine (I joined the conversation in February 2017).
Next.js 7 (nextjs.org)
Sep 19, 2018
After 26 canary releases and 3.4 million downloads, we are proud to introduce the production-ready Next.js 7.
Redux and Redux Saga in Next.js (robinwieruch.de)
Jun 28, 2017
A couple of basic setup steps to use Redux combined with Redux Saga in Next.js. Whereas Next.js enables you to build server-side rendered React applications, Redux and Redux Saga make sure to handle your state not only on the client-side, but also on the server-side.