How to adopt Next.js into your existing application (blog.logrocket.com)
Mar 31, 2021
Next.js provides a zero-configuration setup process similar to what Create React App does through a package called Create Next App. Today, we will look at how you can make use of Next.js on a pre-existing React application. This will allow you to add SSR to an existing project.
Building Forms with Next.js (nextjs.org)
Feb 03, 2021
Forms are an essential part of the web. This guide will demonstrate how to build a performant, accessible form with Next.js while teaching the best practices for HTML & React forms along the way.
Next.js vs. React: The developer experience (blog.logrocket.com)
Nov 05, 2020
This post compares the developer experience of Next.js vs. React. I’ll walk through some background first and then dive into more specifics, discussing what it’s like to initially start a project, build pages, retrieve data, use the documentation, and perform advanced actions with both Next.js and React.
How To Build A GraphQL Server Using Next.js API Routes (smashingmagazine.com)
Oct 29, 2020
This guide will teach you the basics of Next.js API Routes. We will start by explaining what they are and why API Routes are useful compared to REST or GraphQL APIs. Then, we will guide you through a step by step tutorial on how to build your very first GraphQL server with Next.js and the Github API.
Next.js 10 (nextjs.org)
Oct 27, 2020
Next.js 10 introduces Built-in Image Optimization, Internationalized Routing, Next.js Analytics, React 17 Support, and more.
- Tim Neutkens
- Joe Haddad
- JJ Kasper
- Davis Connor
- Luis Alvarez
- Shu Uesugi
Getting Started With Next.js (smashingmagazine.com)
Oct 22, 2020
Next.js is a React framework that is bound to ease your life as a React developer by abstracting away the common and redundant tasks (such as routing) into relatively simpler and powerful APIs. That way, you can focus on writing your apps instead of reinventing the wheel.
Next.js - The Data Story (dev.to)
Oct 22, 2020
In this post, we'll take the next steps to talk about the data story, how it fits in to the picture, and how to implement various access patterns with and without authentication and authorization.
The Complete Guide to Next.js Authentication (dev.to)
Sep 21, 2020
In this guide you will learn how to implement authentication in a Next.js app. I will cover client authentication, authenticated server-rendered pages, authenticated API routes, protected routes, and redirects.
Integrate Next.js & Contentful (netlify.com)
Sep 17, 2020
We will be building a simple demo site like this one, and you can clone the repo for it here. You’ll need to do the Set up Contentful and Set up Netlify steps to make it work for you!
Comparing Styling Methods In Next.js (smashingmagazine.com)
Sep 17, 2020
Among others, Next.js has dubbed itself: The React Framework for Static Websites. But just like every other framework whose goal is to help you build what matters by abstracting common, redundant tasks, you’re often required to learn something new and opinionated. With Next.js, one of the things you need to know is how to integrate different CSS methods with its API, and that is the focus of this tutorial.
Easily Deploy a Fullstack Next.js App with Vercel (scotch.io)
Sep 15, 2020
Developing and shipping production-ready applications to the web today couldn't be easier than with Next.js and Vercel. It provides a world-class developer experience right out of the box and is optimized for powering high-performance production workloads.
How To Build A Blog With Next And MDX (smashingmagazine.com)
Sep 09, 2020
In this guide, we will be looking at Next.js, a popular React framework that offers a great developer experience and ships with all of the features you need for production. We will also build a blog, step by step, using Next.js and MDX. Finally, we’ll cover why you would opt for Next.js instead of “vanilla” React and alternatives such as Gatsby.
Integrate Next.js & Prismic (netlify.com)
Aug 28, 2020
We will be building a simple demo site like this one, and you can clone the repo for it here. You’ll need to do the Set up Prismic and Set up Netlify steps to make it work for you!
Authentication Patterns for Next.js (leerob.io)
Aug 17, 2020
Authentication verifies who a user is, while authorization controls what a user can access. Next.js supports multiple patterns for authentication, each designed for different use cases. This guide will allow you to choose your adventure based on your constraints.
How Next.js can help improve SEO (blog.logrocket.com)
Aug 07, 2020
Next.js 9.5 (nextjs.org)
Jul 27, 2020
Next.js 9.5 introduces Stable Incremental Static Regeneration, Custom Base Path, Redirects and Rewrites, Webpack 5 Beta, and more!
Building the Tailwind Blog with Next.js (blog.tailwindcss.com)
Jun 30, 2020
One of the things we believe as a team is that everything we make should be sealed with a blog post. Forcing ourselves to write up a short announcement post for every project we work on acts as a built-in quality check, making sure that we never call a project "done" until we feel comfortable telling the world it's out there.
What’s New in Next JS 9.4 (telerik.com)
Jun 23, 2020
Let's explore the new features that shipped with Next.js 9.4, including fast refresh, integrated web vitals reporting, new environment variables support and more.
Migrating from Gatsby to Next.js (blog.logrocket.com)
Jun 16, 2020
Like a lot of developers, I like to use my blog as a personal playground to try out the latest technologies. My blog was written in Gatsby, but recently I migrated it to Next.js. In this post, I’m going to talk about my experience, what went well, and what didn’t.
Simple Auth Setup for Your React App (arunoda.me)
May 22, 2020
I recently got super excited about Deeplearning, and wanted to share my experience. So, I created Deeplearning Mantra. I needed to add login functionality to it, but existing solutions are not that simple and hard to manage.
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.
Add Theme-ui to Next (richardhaines.dev)
Apr 24, 2020
Today i decided to finally take the plunge and start learning NEXTjs. I've been working with Gatsby for two over years now, have created many sites and themes and generally feel very comfortable in that environment. But it was time, finally to bite the bullet and see what all the fuss was about!
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.