Best of Next.jsMarch 2022

  1. 1
    Article
    Avatar of logrocketLogRocket·4y

    The best styling options for Next.js

    Next.js is a JavaScript framework based on React. With its ability to offer static and server rendering, its popularity quickly shot up amongst developers. Next.js offers many ways to support CSS in your application. In this tutorial, you will discover a few ways to implement styling in your next.js application.

  2. 2
    Article
    Avatar of codemotionCodemotion·4y

    A Guide to the NextJS Framework

    Next.js is a front-end framework that aims to marry the world of UX and backend functionality. It provides a ready-to-go solution for the server-side rendering (SSR) of React components. Next.js allows for the rendering of these React components on the server before the page is sent to the client.

  3. 3
    Article
    Avatar of saasbaseSaaSBase·4y

    Generate 10x SEO traffic from Google using Next.js

    Next.js is a React-based tool that can dynamically generate content pages at scale. It can be used to create landing pages that speak directly to users' search intent. Next.js can statically generate your dynamic React components into HTML with a single command. These HTML pages are indexable, crawlable, and Search Engine optimized.

  4. 4
    Article
    Avatar of leerobLee Robinson·4y

    Building an Image Gallery with Next.js, Supabase, and Tailwind CSS – Lee Robinson

    This tutorial shows you how to create a Next.js application that fetches content from a Postgres database. It also serves optimized, blur-up images with next/image and styles components with Tailwind CSS. I used this to create swag.vercel.app, which is a collection of tweets.

  5. 5
    Article
    Avatar of gcgitconnected·4y

    Introducing Nexus — a Component Tree Visualizer for Next.js

    Nexus is a VSCode extension designed for Next.js development. It shows a tree-like structure with relevant data fetching information for all nested components. It can also identify server-side rendering opportunities or bottlenecks right in the sidebar of the IDE.

  6. 6
    Article
    Avatar of sectionioSection·4y

    Next.js Blog using Typescript and Notion API

    Next.js is used to create Server-side Rendering (SSR) and Static Site Generation (SSG) using JavaScript. The app fetches extra data from the server after the browser loads the website’s HTML page. SSG makes the site load even faster, creating a better user experience. This guide will help you learn how to use Next.js with Notion API to create a blog app.

  7. 7
    Article
    Avatar of stackovStack Overflow Blog·4y

    Best practices to increase the speed for Next.js apps

    Next.js allows developers to build powerful web apps with JavaScript without worrying about building the back-end infrastructure. Using server-side rendering will help your app reduce the time required to render the first page on the client side. Dynamic import allows you to split your code into small chunks and load them on demand.