Skip to content

Portfolio Starter Kit

Easily create a portfolio with Next.js and Markdown.

Framework Next.js
Use Case Portfolio
CSS Styled Components
Publisher ▲ Vercel

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:

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

Portfolio Starter Kit

Easily create a portfolio with Next.js and Markdown.

Framework Next.js
Use Case Portfolio
CSS Styled Components
Publisher ▲ Vercel

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:

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

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential