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

Guide you in spinning up your own blog with Next.js 13 and React Server Components with great SEO and performance.

A Next.js 14 Blog with Server Components - Vercel

This is a Next.js, Tailwind CSS, Shadcn blogging starter template. This version is using Next.js 14 App Router with React Server Components and uses Wisp for ...

Building a blog with App Router, React Server Components and ...

I encourage you to read Building a blog with Next.js 14 and React Server Components as he goes into far more detail on all the steps needed to start from ...

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 ...

Rendering: Server Components | Next.js

Learn how you can use React Server Components to render parts of your application on the server.

Build a Next.js 14 Blog | React, Sanity.io, Tailwind.css, Shadcn/Ui

Build a stunning blog with Next.js 14! Learn React, Sanity.io, Tailwind.css, and Shadcn/UI in this tutorial. 🛠 Perfect for developers of ...

NextJS 14 Blog app - Nabendu Biswas

In this post we will learn to create a simple blog app using the latest NextJS 14. This blog have been inspired by this YouTube video.

Creating a simple blog architecture - Pre-rendering and Data Fetching

Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build pre-rendered applications, static websites, ...

Learn NEXT.JS 14 Build a Static Markdown Blog Site - YouTube

Learn to Code Roadmap http://smoljames.com/roadmap Learn everything you need to know to start programming with React.JS.

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

... build a fully functioning blog with Next's App Router (and React server components). I recently built out this blog with that in mind so I ...

What we've learned from the transition to Next.js 14 with Server ...

With Next.js 14, you can still make requests from the client; however, new tools like React Server Components and Server Actions are now ...

Build Blazingly Fast Websites with React Server Components in ...

Build build blazingly fast websites with Next.js. Join Eric Burel, founder @lbke, to learn advanced Next.js concepts like Server Actions, ...

React Server Components with Next.JS: The Complete Guide

In Next.JS the Client components are hydrated and sent to the client side, where they are used by React. Most of the static rendering is done on ...

React Server Components: the Good, the Bad, and the Ugly - Mayank

React Server Components bring server-exclusive capabilities to React. I've been using this new paradigm within Next.js 13 and 14, and what ...

React Server Components, without a framework? - Tim's Tech Blog

js 14 “Server Actions (stable)” announced on October 26th 2023 at Next.js Conf - which had a very strong resonance in tech communities & on ...

Build Blog App with Next.js 14 | Strapi v4 Headless CMS ... - YouTube

... Create next js 13.5+ project 06:30 Design Layout with Tailwindcss 08:35 Create and design categories components 13:20 Create and design blogs ...

Server and Client Components - React Foundations - Next.js

You can fix this by moving the interactive "Like" button to a Client Component. Create a new file called like-button.js inside the app folder that exports a ...

Rendering: Composition Patterns | Next.js

Server and Client Composition Patterns. When building React applications, you will need to consider what parts of your application should be rendered on the ...

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 ...

Unsupported Server Component type: undefined / next js 13

I had the same issue. I was able to fix by changing the named export to a default export, and importing without the braces. Try changing: