SupaNext: Opensource Blog CMS

SupaNext CMS is a blog CMS built using Nextjs, Supabase, Tiptap, and Uploadthing. The purpose behind it is to have one CMS for all websites I build that might need a blog. I dreaded reading the docs of various CMS's so I decided to build my own.

Technologies Used

Next.js: A React framework for building server-side rendered and static web applications.
Tailwind CSS: A utility-first CSS framework for rapidly building custom user interfaces.
Supabase: An open-source Firebase alternative, Supabase provides a suite of tools including a PostgreSQL database, authentication, and real-time features for building modern applications.
TipTap: A rich text editor framework for Vue.js applications.
Uploadthing: A simplied typesafe s3 wrapper.

Getting Started

Prerequisites

Ensure Node.js and npm are installed on your machine.
Obtain API keys from Clerk, Supabase, and Uploadthing.

Obtaining API Keys

Clerk: Generate your Clerk API key here.
Supabase: Get your Supabase API key here.
Uploading: Get your Uploadthing API key here.

Installation

Clone the repository:

git clone https://github.com/michaelshimeles/cms.git

Install the required dependencies:
```
npm install
```
or
```
bun install
```

Create a .env file in the root of your project and add your API keys:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
WEBHOOK_SECRET=
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
DATABASE_URL=
DIRECT_URL=

Running the Server

To start the server, execute:

npm run dev

yarn dev

Contributing

Contributions to the project are welcome. Feel free to fork the repository, make your changes, and submit a pull request. You can also open issues to suggest improvements or report bugs.