Bisa website

Bisa website

Bikin website modal ketik

View project

Bisa Website App

Bisa Website

Hasilnya lebih bagus di local daripada di production

Prompt sama, code sama, hasil generate beda, anda aja bingung, apalagi saya

šŸš€ Fitur Utama

  • AI Chat Generation: Generate kode menggunakan berbagai model LLM (GPT-4)
  • Code Sandbox: Jalankan kode secara aman di environment terisolasi menggunakan E2B
  • Real-time Preview: Lihat hasil kode langsung di browser
  • Rate Limiting: Kontrol penggunaan API dengan sistem rate limiting
  • Authentication: Sistem autentikasi menggunakan Clerk

šŸ› ļø Tech Stack

  • Framework: Next.js 14 dengan App Router
  • AI/LLM: Vercel AI SDK, OpenAI
  • Sandbox: E2B Code Interpreter
  • Authentication: Clerk
  • Styling: Tailwind CSS + shadcn/ui
  • Monitoring: LangSmith
  • Database: Supabase (opsional)

šŸ“ Struktur Project

src/
ā”œā”€ā”€ app/
│   ā”œā”€ā”€ api/
│   │   └── ai/
│   │       ā”œā”€ā”€ route.ts         # Main router (backward compatibility)
│   │       ā”œā”€ā”€ chat/route.ts    # AI chat endpoint
│   │       └── sandbox/route.ts # Code execution endpoint
│   ā”œā”€ā”€ (auth)/                  # Authentication pages
│   ā”œā”€ā”€ (landingpage)/          # Landing page
│   └── main/                   # Main application
ā”œā”€ā”€ components/                 # Reusable UI components
ā”œā”€ā”€ lib/                       # Utilities & configurations
ā”œā”€ā”€ inngest/                   # Background job functions
└── types/                     # TypeScript type definitions

šŸ“„ License

Distributed under the MIT License. See LICENSE for more information.

šŸ‘¤ Author

Wahyu - @wahyudesu

Share this article