Best of Next.jsApril 2022

  1. 1
    Article
    Avatar of hashnodeHashnode·4y

    Build 5 Web Apps in 10 Hours using Next.js, React.js & Tailwind CSS.

    This post tutorial shows you how to build 5 Web Apps in 10 hours. All of the web apps are part of the Frontend Mentor challenge projects. The goal is to make it look like the design given by the Front End Mentor. Here are the links to all the projects that we will build.

  2. 2
    Article
    Avatar of devtoDEV·4y

    From Figma to Next.js App in Minutes

    AWS Amplify is a set of tools and features that lets front-end web and mobile developers quickly and easily build full-stack applications on AWS. In this post, we'll convert Figma components to React components with Amplify studio and use it in our application.

  3. 3
    Article
    Avatar of asayerasayer·4y

    Building a Video Chat App with Next.js, 100ms, and TailwindCSS

    Video chat applications have a lot of popularity and usage in the tech world today. 100ms is an infrastructure provider that allows users to effortlessly set up optimized audio and video chat interfaces. In this tutorial, readers will learn how to integrate the 100ms features to create a chat application using Next.js and TailwindCSS.

  4. 4
    Article
    Avatar of asayerasayer·4y

    Building CRUD Apps with NextJs

    A CRUD application refers to an app that can perform four simple functions: Creating, Reading, Updating, and Deleting data. For example, blog sites need dynamic content management for productivity. With CRUD functionality, we can carry out these functions in our application. Next.js as our case study to look at how CRUD implementation works.

  5. 5
    Article
    Avatar of hashnodeHashnode·4y

    Implementing Feature Flags in a Next.js Application

    Developers often struggle to roll out new features and functionalities in an incremental way. Feature flagging is a mechanism used to control access to certain features with simple switches. We will examine how we can accomplish this by creating a Next.js application that incorporates the aforementioned feature with a feature flag.

  6. 6
    Article
    Avatar of tshThe Software House·4y

    How to reduce cloud costs? We went from $30k to $2k

    A UK-based business was paying $30,000 a month in cloud storage costs. The company had 25 servers running over 1,000 WordPress websites. The increase in traffic affected parts of the system that were not created by us. The Software House helped make the conversion possible, delivering a new app at a record pace.

  7. 7
    Article
    Avatar of logrocketLogRocket·4y

    Guide to state management in Next.js

    State management is the core of any modern web application. It determines what data is displayed on the screen while the user interacts with it. In this article, we will review many state management methods that you can use to keep track of the states in your Next.js applications. For each solution, I will provide a practical example.

  8. 8
    Article
    Avatar of logrocketLogRocket·4y

    Choosing the best Next.js hosting platform

    Vercel, Netlify, and Heroku are all possible hosting solutions for Next.js projects. Vercel offers a few neat features for frontend developers, including Preview Mode. Heroku is a cloud-based hosting platform that lets developers build and test apps on the fly.

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    NextJS and HarperDB Tutorial –Build a Full Stack Productivity Timer App

    In this article, I'll show you how to build a task timer app using NextJS and HarperDB. We'll be building a full stack app that includes JSON Web Token Authentication, fetching data using HarperDB's built-in API, and rendering the data with NextJS.