https://github.com/vercel/nextjs-portfolio-starter

Easily create a portfolio with Next.js and Markdown.
https://github.com/vercel/nextjs-portfolio-starter

blog nextjs vercel

Last synced: 30 days ago
JSON representation

Easily create a portfolio with Next.js and Markdown.

• Host: GitHub
• URL: https://github.com/vercel/nextjs-portfolio-starter
• Owner: vercel
• Created: 2021-03-19T03:29:23.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-01-04T06:07:59.000Z (10 months ago)
• Last Synced: 2024-09-30T13:01:22.587Z (about 1 month ago)
• Topics: blog, nextjs, vercel
• Language: JavaScript
• Homepage: https://demo.vercel.blog
• Size: 1.64 MB
• Stars: 664
• Watchers: 6
• Forks: 264
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome - vercel/nextjs-portfolio-starter - Easily create a portfolio with Next.js and Markdown. (JavaScript)

README

        
# Portfolio Starter Kit

This portfolio is built with **Next.js** and a library called [Nextra](https://nextra.vercel.app/). 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.

1. Update your name and site URL for the RSS feed in `scripts/gen-rss.js`.

1. Update the meta tags in `pages/_document.js`.

1. Update the posts inside `pages/posts/*.md` with your own content.

## Deploy your own

Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example):

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/nextjs-portfolio-starter&project-name=portfolio&repository-name=portfolio)

## How to use

Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:

```bash

npx create-next-app --example blog my-blog

# or

yarn create next-app --example blog my-blog

```

Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).