vercel/nextjs-portfolio-starter

Easily create a portfolio with Next.js and Markdown.

JavaScript

730

19 commits

updated Nov 21, 2025

See the code

README

Portfolio Starter Kit

This portfolio is built with Next.js and a library called Nextra. It allows you to write Markdown and focus on the content of your portfolio. This starter includes:

  • Automatically configured to handle Markdown/MDX
  • Generates an RSS feed based on your posts
  • A beautiful theme included out of the box
  • Easily categorize posts with tags
  • Fast, optimized web font loading

Configuration

  1. Update your name in theme.config.js or change the footer.
  2. Update your name and site URL for the RSS feed in scripts/gen-rss.js.
  3. Update the meta tags in pages/_document.js.
  4. Update the posts inside pages/posts/*.md with your own content.

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example blog my-blog
# or
yarn create next-app --example blog my-blog

Deploy it to the cloud with Vercel (Documentation).

blog
nextjs
vercel

vercel/nextjs-portfolio-starter

Easily create a portfolio with Next.js and Markdown.

JavaScript

730

19 commits

updated Nov 21, 2025

See the code

README

Portfolio Starter Kit

This portfolio is built with Next.js and a library called Nextra. It allows you to write Markdown and focus on the content of your portfolio. This starter includes:

  • Automatically configured to handle Markdown/MDX
  • Generates an RSS feed based on your posts
  • A beautiful theme included out of the box
  • Easily categorize posts with tags
  • Fast, optimized web font loading

Configuration

  1. Update your name in theme.config.js or change the footer.
  2. Update your name and site URL for the RSS feed in scripts/gen-rss.js.
  3. Update the meta tags in pages/_document.js.
  4. Update the posts inside pages/posts/*.md with your own content.

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example blog my-blog
# or
yarn create next-app --example blog my-blog

Deploy it to the cloud with Vercel (Documentation).

blog
nextjs
vercel

Significant stargazers

Steven

3,038 followers · starred Sep 2025

Mark Otto

23,892 followers · starred Apr 2022

Charly Poly

246 followers · starred Jun 2022

Ian Hildebrand

107 followers · starred Mar 2021