a7med3bdulbaset / blog

Blog app using Next.js

My Blog 📝

This is a blog app, built with Next.js and Tailwind CSS.

Note Blogs files within src/content/blog are AI-generated by GPT3.5.

Tech Stack 📚:

• TypeScript 5.1.3
• Next.js 13.4 and React.js
• TailwindCSS 3.2 and its plugins.
• MDX with contentlayer.
• Shadcn/ui and Radix-ui.
• Lucide icons.
• Remark, rehype and their ecosystem.
• vercel/og.
• next-themes.
• cslx, class-variance-authority, and tw-merge.
• EsLint, Prettier, and their ecosystem.

Features 🎉:

• Type safety with TypeScript.
• Next.js new App Router.
• Dark and light mode with next-themes.
• Auto generated Open Graph images with vercel/og.
• Tailwind CSS class sorting, merging and linting.
• Beutiful UI with Shadcn/ui and Radix-ui.
• Beutiful icons with Lucide.
• MDX
• Linting with EsLint and formatting with Prettier.
• Github Actions for CI.

Scripts 📜:

This project is built upon A7med3bdulBaset/next-template, so it uses pnpm as the package manager. If you want to use other package managers, you can delete pnpm-lock.yaml and run npm install or yarn install.

• dev: Start development server
• build: Build for production
• start: Start production server
• preview: build and start production server
• lint: Lint code
• format: Format code
• format:check: Check code formatting
• typecheck: Check types
• ci-check: Run all checks
• fix-all: Fix all linting and formatting errors

Inspiration 🎨:

Inspired by formaline'blog design, and shadcn/taxonomy code style.

Contributing 🤝:

Feel free to open an issue or a pull request.

If you have read all of this, please star the repo, it will help me a lot ❤️.