Best of Next.js — July 2021

1. 1
   Article

   DEV·5y

   I created 8 free dashboard templates built with Tailwind for React, Next, Vue and Nuxt.

   Salvia-kit is an open source dashboard tool for React, Next.js, Vue.js and Nuxt. It is fully customizable and without external dependencies. You can export it and integrate it in your project. There are 33 repositories and each dashboard has 4 templates.

   38

   3
2. 2
   Article

   LogRocket·5y

   Building a Next.js shopping cart app

   Next.js is the React framework by Vercel. This tutorial details how to build a shopping cart web app for a fictional game store. We’ll cover the following features:Setting up a Next.js project with create-next-app. Styling with CSS modules. Image optimization with the <Image> component. Integrating Redux Toolkit for state management.

   17
3. 3
   Article

   Hashnode·5y

   How I built ChatCube with Next.js, TailwindCSS, Clerk and Firebase and a walkthrough of the app

   ChatCube is an open-source 1:1 chat app that I built for the Clerk x Hashnode hackathon. You can sign up using your email, Google, GitHub, or Facebook. To send a message just click on the name of the person you want to send the message. Emoji mart is being used for all the emojis.

   13
4. 4
   Article

   JavaScript in Plain English·5y

   Create Page Transitions in Next.js with Framer Motion

   How to Create Page Transitions in Next.js with Framer motion. Avneesh Agarwal explains how to use tailwind CSS for basic styling. We will use framer motion to create a fade-in animation while changing routes. If you face any issues feel free to dm me on any of my socials listed below.

   13

   2
5. 5
   Article

   Geek Culture·5y

   How to make a Next.js app a PWA

   How to make a Next.js app a PWA. How to convert the default template into a Progressive Web App (PWA) How to get the icons for the app and how to install the app. The app will be installed and popup when you click on install button.

   11

   1
6. 6
   Article

   LogRocket·5y

   Creating contact forms with the Notion API and Next.js

   With Next.js and the Notion API, you can use the database feature to save all submissions directly to your Notion workspace. This is especially useful if you already use Notion as a project management tool and can bring everything together in one place. We’ll use two packages: react-toastify to display toast notifications on form submissions and @hq/client to interact with the Notions API.

   10

   1