PLATFORM

  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

COMMUNITY
MORE

Nextjs

Nextjs posts, videos, courses, and more

DevDojo anmolbaranwal Avatar

How to Get Headless CMS in Next.js with One Line

Over the years, developers have realized the power of Headless CMS. Using a solid CMS with frameworks like Next.js can make a lot of difference if you're managing a lot of content. While big...

Anmol Baranwal ยท 8 months ago

1
DevDojo msyoung2012 Avatar

A quick and easy guide to creating a sitemap for a Next.js site

If you're looking to generate sitemaps for your Next.js website, the next-sitemap npm package is a great tool to help you with that. In this tutorial, I'll guide you through the process of u...

Mike Young ยท 2 years ago

3
DevDojo clumsycoder Avatar

Is Create React App Really Dead? What Are Other Options?

If you are active on tech Twitter, follow web-dev YouTubers, or read blogs, you know what I am talking about. For the past few months, there has been a lot of discussions about how create-re...

Kaushal Joshi ยท 2 years ago

1
DevDojo imbios Avatar

Debounce in Next.js

React v16.8 introduced a new hook called useEffect, which allows you to run side effects in your functional components. useEffect is a great way to handle expensive operations like API calls...

Imamuzzaki Abu Salam ยท 3 years ago

2
DevDojo avneesh Avatar

Build A Mutant Ape Yacht Club (MAYC) NFT Collection Clone

In this guide, we'll show you how to create a clone of the MAYC collection drop where users from an original collection will be airdropped serums that can be used to mint a MAYC NFT. When th...

Avneesh Agarwal ยท 3 years ago

3
DevDojo omarthedev Avatar

Manage Prisma records from Discord

Hello buddy ๐Ÿ˜Š! Today we will use a Discord bot powered by Discord.py to manage our Prisma records, but in this article, we will pretend that we got a shop and we use the Discord.py bot to m...

Omar Moustafa ยท 3 years ago

2
DevDojo avneesh Avatar

Create a todo app with thirdweb deploy and Next.js

This guide will show you how to build a full web3 application that allows users to create an on-chain to-do list, using Solidity for the smart contract and Next.js for the application. Befor...

Avneesh Agarwal ยท 3 years ago

4
DevDojo avneesh Avatar

Allow GitHub contributors to mint an NFT

In this guide, we'll show you how to create an app where users can sign in with their GitHub and web3 wallet. Once they are signed in, we will validate if they have contributed to one of our...

Avneesh Agarwal ยท 3 years ago

2
DevDojo omarthedev Avatar

How to setup authentication with Node.js CLI and Prisma

Hello there! Today we will be integrating user authentication with your Node.js CLI, we will also cover how to create one, and we will make an API to authenticate user details! Without wasti...

Omar Moustafa ยท 3 years ago

2
DevDojo abhiraj Avatar

How to use ChakraUI with NextJS?

Hello, my fellow readers! It's been a long time, am I right? Well, I apologise for not being able to create content for you, mainly due to my board examinations. It's never easy to design a...

Abhiraj Bhowmick ยท 3 years ago

3
DevDojo anishde12020 Avatar

Make a beautiful Connect Wallet Button with RainbowKit and React

Authentication in Web3 is extremely easy but supporting all the wallets and making a nice UI can be painful and time-consuming. Thankfully, there are many libraries which makes this extremel...

Anish De ยท 3 years ago

1
DevDojo anishde12020 Avatar

Amazing preview images with Next.js and LQIP Modern

Images take a long time to load and can have a disruptive impact on UX. Today we are going to be looking at creating preview images with a library called lqip-modern. What is LQIP? LQIP simp...

Anish De ยท 3 years ago

5
DevDojo imkarthikeyans Avatar

How to build a movie application using Next.js and Appwrite ?

In this tutorial we are going to build a movie application using Next.js , Appwrite, tailwind css, Digital Ocean and deploy it to Vercel. Before going into coding. Letโ€™s see a few details on...

Karthikeyan ยท 3 years ago

9
DevDojo anishde12020 Avatar

Making a blog with Directus, MDX, and Next.js On-Demand ISR

There are many Headless CMSs out there and many other tools that let us make a blog easily and quickly. Today we look at building a blog with Directus and Next.js. We will use MDX to store o...

Anish De ยท 3 years ago

4
DevDojo dhairyashah Avatar

How to set the HTML lang attribute in Next.js?

What is HTML lang Attribute? The HTML lang attribute is used to identify the language of the content on the web and, when you've got an international audience say for example Spanish and Eng...

Dhairya Shah ยท 3 years ago

3
DevDojo imkarthikeyans Avatar

How to add dark mode to a Next.js Project using tailwind ?

In this blog , we will be seeing how to add dark mode to your Next.js project using Tailwind. letโ€™s get started Stack Next.js Tailwind css next-themes Typescript First things first , Letโ€™s...

Karthikeyan ยท 3 years ago

1
DevDojo anishde12020 Avatar

Powerful Code Blocks with Code Hike and MDX

MDX is a format that combines markup in markdown along with JSX code to embed components into markdown documents. It is used in documentation, blog posts, and much more as one can add intera...

Anish De ยท 3 years ago

7
DevDojo anishde12020 Avatar

Making an accessible Breadcrumb Navigation using TailwindCSS and NextJS

Breadcrumb Navigations are starting to appear in many applications nowadays, mostly in dashboards. Today we are going to look at building a Breadcrumb navigation that is accessible and style...

Anish De ยท 3 years ago

7
DevDojo anurag Avatar

Basics of E2E Testing and Integrating Cypress with Next.js

๐Ÿ‘‹ Hello fellas! It's been a while since I posted an article. As developers, we always want to deliver the best products to users. And Testing is a crucial part of this process. One of the...

Anurag ยท 3 years ago

3
DevDojo anishde12020 Avatar

Privacy friendly website analytics with Umami and NextJS

Website analytics is truly a very important thing. We can understand our audience well and can tailor our content to our audience for higher engagement. Google Analytics had always been the...

Anish De ยท 3 years ago

2
DevDojo anurag Avatar

How I structure my Next JS Projects

Hello folks! It's been a while since I published an article. So today I'm going to explain how I structure my NextJS projects. Note: There is no right or wrong way to structure a Next JS p...

Anurag ยท 3 years ago

4
DevDojo avneesh Avatar

How to make a sponsors site with Next.js, Tailwind CSS, and Stripe ๐Ÿ’ต

Hello everyone, ever thought of creating a site that can allow you to accept sponsors? Let's build a site to accept sponsors, today! Setup Setting up Next.js app I am going to use Tailwind C...

Avneesh Agarwal ยท 3 years ago

4
DevDojo anishde12020 Avatar

TwNFT - Mint your tweets as NFTs easily and for free

๐Ÿค” What is TwNFT? TwNFT is a simple web application that allows you to mint your tweets as NFTs for free. It is my submission for the Thirdweb x Hashnode Hackathon. Live Demo / GitHub Repos...

Anish De ยท 3 years ago

4
DevDojo avneesh Avatar

How I built Inscribe: Bloggers DAO

Wassup everyone, in this article I wanna showcase a DAO that I built in the first week of January while learning web3! So, I built a bloggers Dao called Inscribe with Next.js, TailwindCSS, a...

Avneesh Agarwal ยท 3 years ago

7
DevDojo avneesh Avatar

Metamask authentication in Next.js with Clerk ๐Ÿ”’

Hello everyone! As you have seen web3 is very popular right now. Clerk has recently released metamask authentication. So let's take a look at how to implement it in our app! What is Clerk? C...

Avneesh Agarwal ยท 3 years ago

3
DevDojo avneesh Avatar

Add google analytics to your Next.js app โœจ

Wassup everyone, let's see how to add google analytics to your Next.js site. Google Analytics will help you to see the performance of each page, how well the site is doing in countries, diff...

Avneesh Agarwal ยท 3 years ago

4
DevDojo avneesh Avatar

How to start a headless E2E e-commerce store in no time with Medusa ๐Ÿ›๏ธ

Wassup everyone, in this article we are going to create a headless e-commerce application using an open-source alternative to Shopify- Medusa. What are we building? https://www.loom.com/sh...

Avneesh Agarwal ยท 3 years ago

6
DevDojo colocodes Avatar

Hackathon: Building a MongoDB fuzzy search web app with React, Next.js and TailwindCSS

Web Development Glossary Search is a web application that I created with the objective of taking part in the MongoDB Atlas Hackathon hosted by the DEV.to community. The app makes use of seve...

Damian Demasi ยท 3 years ago

4
DevDojo abhiraj Avatar

NextJS+Typescript and Tailwind: A match made in heaven

Tailwind CSS is a utility-first CSS framework that is being used to create markup-based designs. Next.js is a React framework with features like hybrid static and server rendering, TypeScrip...

Abhiraj Bhowmick ยท 3 years ago

6
DevDojo avneesh Avatar

Next SEO: A better way to Manage SEO for Next.js ๐Ÿ”

The Next.js head tags are a good way to add the meta tags, title, description, open graph image, etc. but you might not remember all the meta tags and it can also look messy, so we are going...

Avneesh Agarwal ยท 3 years ago

6

Loading More Content