🐶Dogokit Akita

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

Goal

🐶Dogokit Akita is a comprehensive and opinionated full stack application development kit. Encompassing JavaScript/TypeScript, Node.js/Deno/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 full-stack web with Next.js or Remix (React Router).
• Optional backend API with REST API or GraphQL.
• 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 (DX) ecosystem capability. As an 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: Biome + Ultracite / Prettier / ESLint / Oxc
7. Release: autorc
8. Bundler: Vite / Turbopack
9. Auth: Better Auth
10. Database ORM: Prisma + ZenStack
11. Database/DBMS: PostgreSQL
12. Database Management: TablePlus
13. Container: Docker + Docker Compose
14. Container Management: OrbStack / 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: IONOS / 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. Utility: es-toolkit
6. Testing: Vitest with Testing Library, Playwright, MSW
7. CLI and Prompt: Term.Ink / Clack / Commander.js / oclif / Inquirer
8. Performance: Million.js
9. Search: Meilisearch / Typesense
10. Process: Effect
11. Dependency: Knip
12. Logging: pino
13. Internationalization (i18n): Lingui
14. Accessibility (a11y): Lighthouse
15. Realtime: SSE / Socket.IO / Liveblocks / InstantDB / Electric
16. Cache and Message Queues: Redis / BullMQ / In-Memory
17. Mobile: React Native with Expo
18. Storage: Unix File System
19. Mailers: SMTP
20. 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 / BetterStack
4. File Storage/Upload: Uploadcare / Cloudinary
5. Email Transactional: Nodemailer / Plunk / Resend / Amazon SES
6. Email Marketing/Newsletter: Loops.so / Beehiiv / Bento
7. APM, Observability, Error Tracking: Sentry + OpenTelemetry
8. Payment: Polar / Lemon Squeezy / Stripe
9. Auth: WorkOS / Clerk
10. Business Intelligence (BI): Metabase / Index.app
11. Webhook: Svix
12. Background Jobs: Quirrel.dev / Trigger.dev
13. Link/URL Shortener/Management: Dub.co
14. Full-Text Search: Meilisearch
15. Notification: Novu
16. Documentation: Mintlify
17. Automation: n8n
18. API Key Management: Unkey

Optional: Tools

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

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
• Next-Forge
• LaunchFast
• lmsqueezy/nextjs-billing
• midday-ai/v1
• ixahmedxi/orbitkit
• shadcn-ui/taxonomy

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