Events2Join

Build Blog with Next.js and MDX


How I Built my Blog using MDX, Next.js, and React • Josh W. Comeau

An in-depth look at the technical stack behind this very blog! We'll see how I use Next's API routes to implement my hit and like counters, ...

Configuring: MDX | Next.js

Next.js can support both local MDX content inside your application, as well as remote MDX files fetched dynamically on the server. The Next.js plugin handles ...

Creating an MDX Blog With TypeScript and Next.js - Codemotion

In this step-by-step guide, you saw how to create an MDX blog with TypeScript and Next.js. With the help of MDX, you can easily mix and match React components ...

Building a blog with Next.js App Router and MDX - Alex Chan

A fully functioning blog in Next.js powered by MDX. To recap, we learned how to set up MDX, add posts and metadata, define custom components, list all of our ...

Need some good advice on a blog site using MDX in nextjs - Reddit

I'm building my portfolio website where I want to add a blog section. CONTEXT: I have good experience in nextjs. I would prefer using MDX to ...

Step-by-Step Tutorial: Building a Blog with Next.js and MDX

Introduction. In this guide, we'll learn how to build a straightforward Next.js blog leveraging the MDX next-mdx-remote library, along with the ...

Building a blog with Next.js App Router, Server Components, and ...

js (app router), server components, and MDX. it goes over how the simple stuff like how to leverage @next/mdx in your project, structuring posts ...

Create a MDX Blog in NextJS 13 (using TailwindCSS)

In this tutorial, I'll show you how to setup a Next.js 13 Blog that utilises the new App Directory. It will use MDX (Extended Markdown) pages for the blogs ...

How to Build Your Own Blog with Next.js and MDX - freeCodeCamp

In this article, I am going to show you how I built my blog with these tools, so you can also try building something similar.

Advanced Content Creation with MDX in Next.js 14 - Telerik.com

While Markdown focuses primarily on text formatting and basic content structuring, offering a simple solution for creating static content, MDX ...

Build and Deploy a Next.js Blog with Remote MDX ... - YouTube

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Build and Deploy a Next.js blog with Remote MDX Content Files ...

Create a Next.js Blog on Vercel using MDX and TailwindCSS

Create a Next.js Blog on Vercel using MDX and TailwindCSS ... Next.js is a server-rendered React framework. It allows you to create scalable and ...

Building a blog with Next.js 14 and React Server Components

The official Next.js documentation has a great guide for using MDX with all your pages. Sometimes you want to render content from a remote ...

Posts | Blogging with MDX in Next.js - Jonah Grimes

To begin, you'll need to set up the Next MDX library according to the directions in the Next.js documentation. Note that you must create the mdx ...

NextJS 14 Markdown Blog: TypeScript, Tailwind, shadcn/ui, MDX ...

Lets build a static blog site. We are going to utilize NextJS 14, shadcn/ui and Tailwind, Velite to read our content, MDX for writing our ...

Best way to crate a simple blog website using using Next.js (MDX or ...

I would suggest you to go with Next.js. It is a React framework that supports Server Side Rendering (SSR), which means the blogs will be ...

johnpolacek/nextjs-mdx-blog-starter - GitHub

Next.js MDX Blog Starter for building blogs with Next.js and MDX, including Theme UI Component Design System, Vercel Deployment and more.

Building a Blog With Next.js and MDX | The WebStorm Blog

We also have a new method named serialize . The serialize method is from 'next-mdx-remote', an npm package for adding MDX support in our Next.js ...

Building a Blog With Next.js and MDX - YouTube

Next.js has become one of the most popular React frameworks of today. Coupled with its ease of setup, the out-of-the-box features and ...

Build a Blog with Next, MDX, and Tailwind (series) - Andy Van Slaars

Build a Blog with Next, MDX, and Tailwind (series) · Bootstrap a Next. · Configure Tailwind CSS for a Next. · Apply a Common Layout to a Next.