rsnext/examples/blog
Steven 9f9214abe5
Updated create-next-app docs to include pnpm usage (#35755)
This PR updates the docs and examples for `create-next-app` to include pnpm usage.

The following script was used to update every example README:

```js
const fs = require('fs')
const examples = fs.readdirSync('./examples')

for (let example of examples) {
    const filename = `./examples/${example}/README.md`
    const markdown = fs.readFileSync(filename, 'utf8')
    const regex = new RegExp(`^yarn create next-app --example (.*)$`, 'gm')
    const output = markdown.replace(regex, (yarn, group) => {
        const pnpm = `pnpm create next-app -- --example ${group}`
        return `${yarn}\n# or\n${pnpm}`
    })
    fs.writeFileSync(filename, output)
}
```
2022-03-30 21:03:21 +00:00
..
pages Refactor data fetching API docs (#30615) 2022-01-12 08:56:51 +01:00
public [examples] Small updates to blog example. (#23258) 2021-03-22 22:10:15 -05:00
scripts [examples] Add portfolio starter kit. (#23212) 2021-03-21 19:44:59 -05:00
styles [examples] Small updates to blog example. (#23258) 2021-03-22 22:10:15 -05:00
.gitignore [examples] Add portfolio starter kit. (#23212) 2021-03-21 19:44:59 -05:00
next.config.js [examples] Add portfolio starter kit. (#23212) 2021-03-21 19:44:59 -05:00
package.json Updated to working example (#32256) 2021-12-12 20:43:41 +00:00
README.md Updated create-next-app docs to include pnpm usage (#35755) 2022-03-30 21:03:21 +00:00
theme.config.js [examples] Use more semantic footer element (#35033) 2022-03-08 19:31:24 +00:00

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

https://demo.vercel.blog

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 or preview live with StackBlitz

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
# or
pnpm create next-app -- --example blog my-blog

Deploy it to the cloud with Vercel (Documentation).