This repo is built off of blog-starter by Vercel which provides a fantastic starting structure for a markdown based blog. This blog starter pack uses Next.js's Static Generation feature and the blog posts are stored in /_posts
as Markdown files. Adding a new Markdown file in there will create a new blog post!
The two core design constraints I have in a blogging site:
- Easy to add blog posts
- Easy to change to whatever aesthetic style I am feeling that month
To do so I have attempted to condense the necessary components into two main files that you can control easily using an LLM:
/src/app/page.tsx
which is the home page and root/posts/[slug]/page.tsx
which is the blog page
The styles for both of these are defined almost entirely inline using tailwind, with the exception that some high level css properties are defined in /src/app/globals.css
## Clone Repo
git clone https://github.com/dmarzzz/personal-blog-template.git
## Download Neccessary Packages
yarn install
## Run in Auto re-build Mode for Development
yarn run dev
- Fork or Clone Into Your Own Repo
- Modify
BLOG_NAME
andAUTHOR
in/src/lib/constants.ts
- Modify
primary-color
in/src/app/globals.css
- Add a markdown file to
/_posts
following the header format as seen in/_posts/sample.md
- Replace website icon located at
/public/favicon/favicon.ico
Here is an example commit for modifying the home page using an LLM.
- Decide on how you would like to modify the home page
- Grab
/src/app/page.tsx
and/src/app/globals.css
- Enter into LLM: "Please modify the following code to have a juicy spectrum from yellow to purple, use a dark blue as the primary color, use comic sans font, and to change it so that the boxes for the posts have no 3D effect and instead have a frosted glass effect. Here is the typescript code <
/src/app/page.tsx
>, the tailwind config </tailwind.config.ts
> and the global css file </src/app/globals.css
>." - Incorporate recommended changes!
- Initial Repo
- Guide for modifying home page
- Guide for modifying blog page
- Route to add new blog post
- Use Tailwind better 😆
- How to Set Up with Vercel Easily
- Host Markdown Files on IPFS