Portfolio
Back to Resources
2026-05-07

Setting up a Next.js Portfolio

In this video, I show you how to set up a minimalist portfolio using Next.js, Tailwind CSS, and Markdown.

Watch on YouTube

Setting up a Next.js Portfolio

Hello everyone! In this video, we went through the process of creating a portfolio from scratch.

Key Features

  • Next.js 15+ for the framework.
  • Tailwind CSS 4 for styling.
  • Markdown for content management.
  • Dark Mode support.

The Code

Here is a snippet of the layout.tsx file we used:

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  );
}

You can find the full repository on GitHub.

Thanks for watching!