This is a personal blog starter repository built with Next.js and Reshaped. Blog design is inpired by brianlovin.com and onur.dev.

While all code can be forked right now and used for your own blog, I'm planning to publish it as a package and make it possible to only provide the content for the blog, instead of maintaining the whole Next.js application

Getting started

To use this for your own blog - start by forking and cloning the repository.

Once you have it cloned – install the dependencies. By default, we're using yarn but you can use it with the package manager of your choice. In the case of using a different package manager – you can delete the original lock file.

yarn

npm install

pnpm install

Start the project with the dev script:

yarn dev

Working with the content

• To configure the application – use the config.ts file, which includes the menu structure and the general settings of the blog. You need to manually enter only the top-level menu items, while all submenu items are generated from the markdown file structure.
• All content routes are markdown pages which dynamically feed into the website navigation. You can edit page.mdx on the root level for your homepage, create individual menu entries for mdx pages or create a subfolder like /article to create categories.
• Markdown files support frontmatter format, where you can pass the article title and created date properties, they will be displayed in the articles list and on the article route
• Markdown files support the vanilla markdown features, as well as custom Bio component:

<Bio
  title="Work"
  items={[
    {
      title: "Reshaped",
      href: "https://reshaped.so",
      label: "Front-end Engineer",
      date: "2020 –",
    },
    {
      title: "Figma",
      href: "https://figma.com",
      label: "Engineering Manager",
      date: "2020 – 22",
    },
    {
      title: "Vercel",
      href: "https://vercel.com",
      label: "Senior Front-end Engineer",
      date: "2018 – 20",
    },
  ]}
/>