Published on

How You Can Make A Blog Like This One

Authors

Easy Peasy

If you've been looking to start your very own blog and are interested in how I went about making my blog than look no further, this is the blog post for you!

There are a couple things that you might want to learn and understand first before you dive into a blog like this one but it's still very beginner friendly and hopefully we can make it easy to follow along with some other guidence along with other sources.

Prebuilt Next.js and TailwindCSS

This blog is built ontop of an open source Next.js and TailwindCSS blog framework package originally created and uploaded by timlrx.

The following is a link to the package on Github.

Quick Start Guide

  1. Clone the repo
npx degit 'timlrx/tailwind-nextjs-starter-blog'
  1. Personalize siteMetadata.js (site related information)
  2. Modify the content security policy in next.config.js if you want to use other analytics provider or a commenting solution other than giscus.
  3. Personalize authors/default.md (main author)
  4. Modify projectsData.ts
  5. Modify headerNavLinks.ts to customize navigation links
  6. Add blog posts
  7. Deploy on Vercel (recommended)

Installation

yarn

Please note, that if you are using Windows, you may need to run:

set PWD="$(pwd)"

Development

First, run the development server:

yarn dev

NOTE: You might need to try

npm run dev

Open http://localhost:3000 with your browser to see the result.

You don't have to be a genius or a visionary or even a college graduate to be successful. You just need a framework and a dream.

- Michael Dell