https://github.com/royaals/writr-blogs
Writr is a user-friendly blog posting application that simplifies content creation and publishing.
https://github.com/royaals/writr-blogs
cloudflare hono postgresql prisma react shadcn-ui typescript zod
Last synced: 7 months ago
JSON representation
Writr is a user-friendly blog posting application that simplifies content creation and publishing.
- Host: GitHub
- URL: https://github.com/royaals/writr-blogs
- Owner: royaals
- License: mit
- Created: 2024-04-19T08:45:14.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-24T17:53:30.000Z (over 1 year ago)
- Last Synced: 2024-07-24T20:26:30.389Z (over 1 year ago)
- Topics: cloudflare, hono, postgresql, prisma, react, shadcn-ui, typescript, zod
- Language: TypeScript
- Homepage: https://writr.devprojects.world
- Size: 6.26 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Writr-Blog Application
This is a user-friendly blog posting application that simplifies content creation and publishing. The application has secure user authentication, an intuitive interface, and a responsive layout. It is built using Hono, Cloudflare Workers, PostgreSQL, Prisma ORM, React.js, TypeScript, Tailwind CSS, .
## Features
- User Authentication
- Intuitive Interface
- Responsive Layout
## Installation Steps
1. Clone the repository:
```bash
git clone https://github.com/royaals/writr-blogs.git
```
2. Navigate to the frontend directory and install the dependencies:
```bash
cd frontend
npm install
```
3. Navigate to the backend directory and install the dependencies:
```bash
cd backend
npm install
```
4. Rename `.env.example` to `.env` and `wrangler.toml.example` to `wrangler.toml` in the backend folder and update the following values:
- `DATABASE_URL`: This should be your PostgreSQL database URL. For example, if you're using Docker, it would look something like this: `postgresql://postgres:mysecretpassword@localhost:5432/postgres`. If you're using a PostgreSQL provider like Neon.tech, Supabase, Aiven, etc., use the URL they provide.
5. Edit `wrangler.toml` with the correct Prisma Accelerate connection pool URL and jwt-secret.
6. Run Prisma migrations. This command will apply the database schema changes:
```bash
npx prisma migrate dev --name init
```
7. Generate the Prisma client. This command will generate the Prisma client code:
```bash
npx prisma generate
```
8. Rename `.env.example` to `.env` and update the following values:
- `VITE_REACT_APP_BACKEND_URL`: `your-backend-url`
9. Start the backend server:
```bash
cd backend
npm run dev
```
10. Start the frontend server:
```bash
cd frontend
npm run dev
```