https://github.com/murabcd/blog

Blog built with Next.js, Tailwind, and Vercel
https://github.com/murabcd/blog

blog mdx nextjs portfolio react tailwindcss

Last synced: about 1 month ago
JSON representation

Blog built with Next.js, Tailwind, and Vercel

• Host: GitHub
• URL: https://github.com/murabcd/blog
• Owner: murabcd
• Created: 2023-02-06T21:50:31.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-06-22T13:22:19.000Z (12 months ago)
• Last Synced: 2025-06-22T14:30:37.643Z (12 months ago)
• Topics: blog, mdx, nextjs, portfolio, react, tailwindcss
• Language: MDX
• Homepage: https://murabcd.vercel.app
• Size: 2.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  

  
Blog






CMS-style workflow where content is stored in Convex and synced from markdown/MDX files.





  Blog Built with Next.js and Convex.





  Features ·

  Running locally ·

  Syncing content ·

  License






## Features

- [Next.js](https://nextjs.org) App Router

  - Advanced routing for seamless navigation and performance

- [TailwindCSS](https://tailwindcss.com/):

  - A utility-first CSS framework for rapidly building custom designs

- [MDX](https://mdxjs.com/)

  - Write JSX in your Markdown documents for interactive components and dynamic content

- [Vercel Blob](https://vercel.com/docs/storage/vercel-blob):

  - For storing and serving images

- [Convex](https://www.convex.dev/)

  - Real-time database for storing like counting and visitor interactions

## Running locally

You will need to use the environment variables [defined in `.env.example`](.env.example) to run the blog. It's recommended you use [Vercel Environment Variables](https://vercel.com/docs/projects/environment-variables) for this, but a `.env` file is all that is necessary.

> Note: You should not commit your `.env` file or it will expose secrets.

1. Install Vercel CLI: `bun i -g vercel`

2. Link local instance with Vercel and GitHub accounts (creates `.vercel` directory): `vercel link`

3. Download your environment variables: `vercel env pull`

```bash

bun install

bun dev

```

Your app should now be running on [localhost:3000](http://localhost:3000/)

## Syncing content

- `sync` / `sync:prod`: Use when you only changed content files (MDX/markdown)

- `deploy` / `deploy:prod`: Use when you changed code, Convex functions, or schema

Make sure you have `.env.production.local` with your production Convex URL:

## License

You are free to use this code as inspiration. Please do not copy it directly. Crediting the author is appreciated.