Skip to content

Instantly share code, notes, and snippets.

@indraAsLesmana
Last active February 18, 2025 18:18
Show Gist options
  • Save indraAsLesmana/71257a8fc70a6a49526f45a5711d81a9 to your computer and use it in GitHub Desktop.
Save indraAsLesmana/71257a8fc70a6a49526f45a5711d81a9 to your computer and use it in GitHub Desktop.
# πŸ“Œ Cetakfoto Development Plan (Cloudflare-Based)
## βœ… Tech Stack & Infrastructure
- [x] **Frontend:** Next.js (Admin Panel & User Interface) β†’ Deployed on **Cloudflare Pages**
- [x] **Backend:** Hono (API & Business Logic) β†’ Runs on **Cloudflare Workers**
- [x] **Database:** Cloudflare D1 (SQLite-based) β†’ Managed via **Prisma ORM**
- [x] **Authentication:** Clerk (Email, Social, Phone OTP)
- [x] **Payment Gateway:** Direct Transfer Validation or Midtrans
---
## πŸ“Œ Backend Development (Hono + Prisma on Cloudflare Workers)
- [ ] **Setup Hono framework** as backend API
- [ ] **Integrate Prisma ORM** with Cloudflare D1 (`@prisma/adapter-d1`)
- [ ] **Implement database migrations** (like Laravel’s migration system)
- [ ] **Create seeders & factories** for test data (`@quramy/prisma-factory`)
- [ ] **Develop API Endpoints:**
- [ ] User Management
- [ ] Order Processing
- [ ] Payment Handling (Midtrans / Manual Transfer Validation)
- [ ] **Implement authentication & authorization** with Clerk
- [ ] **Use Cloudflare KV for caching** (optional for performance)
---
## πŸ“Œ Admin Panel (Next.js as CMS Alternative to Filament)
- [ ] **Setup Next.js + shadcn/ui for Admin Dashboard**
- [ ] **Integrate Clerk Authentication**
- [ ] **CRUD Operations via Hono API**
- [ ] **Table Views, Filters, and Analytics**
---
## πŸ“Œ Deployment & Hosting
- [ ] **Deploy Frontend on Cloudflare Pages**
- [ ] **Deploy Backend on Cloudflare Workers**
- [ ] **Connect Database (Cloudflare D1) & Prisma**
- [ ] **Configure Custom Domain (`cetakfoto.my.id`)**
---
## πŸš€ Next Steps
1. **Set up Hono + Prisma + D1 on Cloudflare**
2. **Create database migrations, seeders, and factories**
3. **Build API endpoints (Orders, Payments, Users)**
4. **Develop Next.js admin panel**
5. **Deploy and test everything**
---
### πŸ”₯ Progress Tracking
- [ ] **Phase 1:** Backend API Setup
- [ ] **Phase 2:** Database & Migrations
- [ ] **Phase 3:** Authentication & Authorization
- [ ] **Phase 4:** Admin Panel Development
- [ ] **Phase 5:** Deployment & Testing
πŸš€ **Let's build Cetakfoto with Cloudflare!**
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment