SynBlog is a modern blog application built with Next.js, TypeScript, and Tailwind CSS. It provides a platform for users to create, read, update, and delete blog posts, interact with comments, and manage user profiles.
- User authentication (Login/Register)
- Create, edit, and delete blog posts
- Rich text editing for blog content (MDX)
- Category-based blog filtering
- User profiles with followers/following
- Commenting system for blog posts
- Frontend:
- Next.js
- React
- TypeScript
- Tailwind CSS
- Shadcn UI
- Redux Toolkit (for state management)
To get this project up and running on your local machine, follow these steps:
Make sure you have the following installed:
- Node.js (LTS version recommended)
- npm or Yarn
-
Clone the repository:
git clone https://github.com/kyyril/fr-blogs.git cd fr-blogs -
Install dependencies:
npm install # or yarn install -
Environment Variables:
Create a
.env.localfile in the root directory and add the necessary environment variables. An example.env.developmentand.env.productionare provided. You might need to configure:NEXT_PUBLIC_API_BASE_URL=http://localhost:8000/api # Add any other environment variables required by your backend API or OAuth providers
To start the development server:
npm run dev
# or
yarn devThe application will be accessible at http://localhost:3000.