🐶Dogokit Akita

Full Stack App Development Kit
🚧 Live Demo · Tech Stack · Getting Started

Goal

🐶Dogokit Akita is a comprehensive, opinionated full stack application development kit. Encompassing JavaScript, TypeScript, Node.js, Bun, and more. It serves as a versatile reference for constructing robust web applications, that can scale from zero to millions of users.

• Default frontend web with React and Tailwind CSS.
• Optional backend API with GraphQL or REST API.
• Interchangeable ORM with Prisma or Drizzle.
• Bring your own thing from non-JS ecosystem.

Benefits

1. Build website or web app quickly with pre-built modules.
2. Optionally scale API complexity with GraphQL/REST/tRPC.
3. Customize architecture flexibly, with the defaults should not use any 3rd party services.
4. Deploy anywhere from a single VPS to any cloud provider, no vendor lock-in.
5. Demonstrate the JavaScript developer experience ecosystem capability, as alternative to existing one like RedwoodJS, and the others such as PHP with Laravel, Ruby with Rails, Python with Django, etc.

Tech Stack

• Core
• Default
• Alternative
• Deployment
• Separated Backend
• Features
• 3rd Party Services
• Tools

Core

• General: TypeScript, Bun
• Frontend: React, Tailwind CSS
• Backend: ORM, SQL Database, Docker

Default

1. Language: TypeScript, JavaScript, HTML, CSS
2. Runtime: Bun / Deno / Node.js
3. Frontend: React
4. Frontend Meta Framework: Remix / Next.js
   • Backend with built-in server-side features
5. Styling: Tailwind CSS
   • UI Component: shadcn/ui
   • Icon: unplugin-icons
   • Email: React Email
   • Test: Storybook
6. Format and Lint: Prettier / ESLint / Biome / Oxc
7. Bundler: Vite / Turbopack
8. Auth: Better Auth
9. Database ORM: Prisma with ZenStack
10. Database/DBMS: PostgreSQL
11. Container: Docker with Docker Compose, using OrbStack or Docker Desktop

Optional: Alternative

1. Frontend: Svelte / Vue.js / Angular / SolidJS / Qwik
2. Frontend Meta Framework: SvelteKit, Nuxt, SolidStart, Qwik City

Deployment

Quick:

1. Frontend: Vercel
2. Backend: Render
3. Database: Neon

Manual:

1. Cloud: Google Cloud / Amazon Web Services
2. PaaS in VPS: Dokku / Coolify
3. VPS: Linode / DigitalOcean / Amazon Lightsail
4. Bare Metal: Hetzner / Vultr / Scaleway
5. Automation: Kamal Deploy / Ansible
6. OS: Debian / Ubuntu
7. Web Server and Proxy: Caddy / Nginx
8. SSL/TLS Certificate: Let's Encrypt

Optional: Separated Backend

1. BaaS: Keel / Directus / Strapi / Payload / PocketBase / Supabase / Firebase
2. REST API: Hono with Swagger generated by ZenStack and Scalar for refined UX
3. GraphQL: Apollo, Pothos, Sofa
4. JS-based Fully Featured: RedwoodJS / AdonisJS
5. Non-JS Fully Featured: Laravel / Rails / Django
6. Non-JS Lightweight: Gin / Fiber / Echo

Optional: Workflow and Features

1. Monorepo: moonrepo with Changesets
2. Secrets and Environment Variables: .env / t3-env / unplugin-environment
3. Data Validation: Zod
4. Form Validation: Conform
5. Testing: Vitest with Testing Library, Playwright, MSW
6. CLI and Prompt: Term.Ink / Clack / Commander.js / oclif / Inquirer
7. Performance: Million.js
8. Search: Meilisearch / Typesense
9. Process: Effect
10. Dependency: Knip
11. Logging: pino
12. Internationalization (i18n): Lingui
13. Accessibility (a11y): Lighthouse
14. Realtime: SSE / Socket.IO / Liveblocks / InstantDB / Electric
15. Cache and Message Queues: Redis / BullMQ / In-Memory
16. Mobile: React Native with Expo
17. Storage: Unix File System
18. Mailers: SMTP
19. Documentation: Nextra

Optional: 3rd Party Services

1. Secrets and Environment Variables: Infisical / Doppler
2. Analytics: PostHog / Openpanel.dev / Simple Analytics / Plausible
3. Service Monitoring: OpenStatus
4. APM, Observability, Error Tracking: Sentry and OpenTelemetry
5. Email: Nodemailer / Plunk / Resend / Amazon SES
6. Auth: WorkOS
7. File Storage/Upload: Uploadcare / Cloudinary
8. Background Jobs: Quirrel.dev / Trigger.dev
9. Link/URL Shortener/Management: Dub.co
10. Full-Text Search: Meilisearch
11. Notification: Novu
12. Documentation: Mintlify
13. Payment: Polar / Lemon Squeezy / Stripe
14. Automation: n8n
15. API Key Management: Unkey

Optional: Tools

1. Email: Gmail / HEY / ProtonMail
2. Credentials: Bitwarden / Passbolt
3. UI/UX Design: Figma
4. Communication & Community: Telegram / Discord / X (Twitter)
5. Business Database & MVP Builder: Airtable / Baserow / NocoDB
6. Project/Product Management: Linear / Plane.so / Basecamp
7. Social Media Management: Buffer / Mixpost / Postiz
8. Blog: Hashnode / Ghost
9. Document: DocuSeal / Papermark
10. Launcher: Raycast
11. Code Editor: VS Code / NeoVim
12. AI Tool: ChatGPT / Claude / Perplexity / Galileo AI
13. AI Code Editor: Cursor AI / Supermaven / GitHub CoPilot / Tabnine
14. AI Code Generator: v0.dev / Marblism

Guides

• Workflow
• Tech Stack
• Domain-Driven Design
• UI Design System
• UI Component Library

Inspirations

• OpenAlternative: Open Source Alternatives to Popular Software
• Best of JS
• Laravel
• Ruby on Rails
• RedwoodJS
• AdonisJS
• Blitz.js
• T3 Stack
• Built At Lightspeed
• lmsqueezy/nextjs-billing
• midday-ai/v1
• ixahmedxi/orbitkit
• shadcn-ui/taxonomy
• LaunchFast — Astro, Next.js and SvelteKit Starter Kits

Credits

The codename "Akita" comes from a Japanese dog breed of large size, originating from the mountains of northern Japan.

Originally created by 🦁Haidar

• 🐾Allnimal
• 🐻Bearmentor
• 🐱Catamyst
• 🐶Dogokit
• 🐘Elephanity