https://github.com/impfundev/geek-stories
Fullstack Blog Platform build with Next.js 14
https://github.com/impfundev/geek-stories
Last synced: 11 months ago
JSON representation
Fullstack Blog Platform build with Next.js 14
- Host: GitHub
- URL: https://github.com/impfundev/geek-stories
- Owner: impfundev
- License: mit
- Created: 2023-12-25T12:49:41.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-08T10:26:36.000Z (about 2 years ago)
- Last Synced: 2025-02-26T08:15:36.589Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://geek-stories.vercel.app
- Size: 1.43 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# GEEK STORIES
Empower your content creation with GEEK STORIES, a fullstack headless CMS built with Next.js. Perfect for bloggers and portfolio creators.
## Get in touch with me:
- [Github](https://github.com/impfundev)
- [LinkedIn](https://linkedin.com/in/ilhammp)
- [Email](mailto:ilhammaulana.dev@gmail.com)
## Features:
- Easy content management
- Flexible headless architecture
- Notion style rich text editor
- Monetize your audience with subscription plan management, secure payments with Midtrans payment gateaway integration
- and more
## Tech Stack
- Node.js
- Next.js 14 (App Router)
- Typescript
- Support MySQL or PostgreSQL database
- Prisma ORM
- Midtrans (Payment Gateaway)
- shadcn/ui or Radix UI
- Novel Rich Text Editor (Titap Editor)
- and more (see package.json)
## Deployment
[](https://vercel.com/new/clone?repository-url=https://github.com/impfundev/geek-stories&project-name=cms-geek-stories&repository-name=geek-stories&env=NEXT_PUBLIC_BASE_URL,DATABASE_URL,BLOB_READ_WRITE_TOKEN,NEXT_PUBLIC_SERVER_KEY,NEXT_PUBLIC_CLIENT_KEY)
How to integrate with Vercel PostgreSQL & Vercel Blob:
- [Vercel PostgreSQL](https://vercel.com/docs/storage/vercel-postgres)
- [Vercel Blob](https://vercel.com/docs/storage/vercel-blob/using-blob-sdk)
## Getting Started
### 1. Install dependencies
```bash
npm install
```
### 2. Setup `.env`
```bash
cp .env.example .env
```
inside `.env`:
```bash
# BASE URL
NEXT_PUBLIC_BASE_URL="http://localhost:3000"
# DATABASE
DATABASE_URL="mysql://username:password@host:port/database"
# MEDIA STORAGE
BLOB_READ_WRITE_TOKEN="" # YOUR VERCEL BLOB TOKEN
# AUTH
SESSION_SECRET="" # STRONG RANDOM SECRET
# MIDTRANS SERVER KEY
NEXT_PUBLIC_SERVER_KEY="SB-Mid-server-example"
NEXT_PUBLIC_CLIENT_KEY="SB-Mid-client-example"
```
### 3. Setup database with prisma
```bash
npx prisma generate
npx prisma db push
```
### 4. Seeding Required Data
This step populates your database with sample content for testing subscription functionalities. You can utilize Prisma Studio to explore the seeded data
```bash
node prisma/seed.mjs
```
You can check seed data with prisma studio
```bash
npx prisma studio
```
### 5. Run the the app on local:
#### Development mode:
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
#### Staging/Production:
```bash
npm run build
npm run start
```
## Learn More About Next.js
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!