🐶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, React Router, Tailwind CSS.
• Optional full-stack web framework
• Optional backend API and database ORM

Benefits

1. Build website or web app quickly, with pre-built modules.
2. Use rich UI components and templates.
3. Customize tech stack, defaults without 3rd party services.
4. Deploy anywhere, no vendor lock-in.
5. Develop with better AI workflow.
6. Demonstrate the JavaScript developer experience (DX) ecosystem capability. As an alternative to existing one such as PHP with Laravel, Ruby with Rails, Python with Django, etc.

Features

• Landing Page That Converts
• Responsive UI Design and Components
  • WYSIWYG Editor
  • Theme and Dark Mode
  • Optimistic UI/UX
  • Lightweight Animation
  • Command Palette/Bar
  • Keyboard Shortcuts
• Web Analytics
• AI Workflow Rules
• AI Integration
• SEO (Search Engine Optimization) and Meta Tags
• SSR (Server-Side Rendering)
• Type-Safe CRUD (Create, Read, Update, Delete)
• Database and ORM
• Environment Variables for Local, Staging, Production
• Deployment with Docker and Docker Compose
• Authentication (AuthN) and Authorization (AuthZ)
• Auth with OAuth or Social Login
• User Management, Register, Login, Onboarding, Profile, Invite Users, Logout
• Organization and Team Management
• Role and Permission with Role-Based Access Control (RBAC)
• Assets Management with File/Image Upload on Cloudflare R2
• User and Admin Dashboard/Panel
• Form Handling on Client and Server
• Pagination on Client and Server
• Email Templates, Notification, Marketing, Verification
• Payment Gateway Integration with Billing, Subscription, Invoice
• Blog, Release Notes
• Scheduled/Cron Jobs
• Background Jobs/Workers
• Error Monitoring with Sentry
• Timezone and Date/Time Picker
• Internationalization (i18n) and Localization (l10n)
• Accessibility (a11y)
• Code Generator/Scaffolder
• Webhooks
• Community

Tech Stack

Core Stack

Things that are the primary default.

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

Default Stack

1. Language: TypeScript + JavaScript + HTML + CSS
2. Runtime & Package Manager: Bun
3. Format and Lint: Biome
4. Bundler: Vite
5. Frontend Library: React
6. Frontend Framework: React Router
7. Styling: Tailwind CSS + shadcn/ui + Kibo UI + unplugin-icons + Tiptap
8. Data Validation: Zod
9. Form Handling: Conform
10. Backend API Framework: Hono + tRPC
11. Auth Library: Better Auth
12. Database ORM & RBAC: Prisma + Permit.io
13. Database/DBMS & GUI: PostgreSQL + TablePlus
14. Container: Docker + Docker Compose with OrbStack / Docker Desktop
15. Email: Resend + React Email
16. Testing: Vitest + Testing Library + Playwright + Storybook + MSW
17. Payment: Polar + Xendit

Development Tools

1. Code Editor: VS Code / NeoVim
2. AI Model: ChatGPT / Claude / Perplexity / Galileo AI
3. AI Code Editor: GitHub Copilot / Cursor AI / Codeium / Supermaven / Tabnine
4. AI Code Generator: v0.dev / Marblism
5. AI Docs: Context7

Deployment Platforms

1. General: Render / Railway / Fly.io / Cloudflare Workers
2. Frontend: Vercel / Netlify / Cloudflare Pages
3. Database: Neon / Supabase
4. Storage: Cloudflare R2 / Amazon S3

Alternative: Manual Deployment

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

Alternative: Web Frameworks

1. Frontend Framework: Remix / Next.js
2. Frontend Library Only: Svelte / Vue.js / Angular / SolidJS / Qwik
3. Frontend Meta Framework: SvelteKit, Nuxt, SolidStart, Qwik City
4. Non-JS Full Stack Framework: Laravel / Rails / Django

Alternative: 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 Lightweight: Gin / Fiber / Echo

Alternative: Workflow and Features

1. Runtime: Node.js / Deno
2. Format and Lint: Biome + Ultracite / Prettier / ESLint / Oxc
3. Bundler: Turbopack
4. Monorepo: moonrepo with Changesets
5. Release: autorc
6. Secrets and Environment Variables: .env / t3-env / unplugin-environment
7. Utility: es-toolkit
8. CLI and Prompt: Term.Ink / Clack / Commander.js / oclif / Inquirer
9. Performance: Million.js
10. Search: Meilisearch / Typesense
11. Process: Effect
12. Dependency: Knip
13. Logging: pino
14. Internationalization (i18n): Lingui
15. Accessibility (a11y): Lighthouse
16. Realtime: SSE / Socket.IO / Liveblocks / InstantDB / Electric
17. Cache and Message Queues: Redis / BullMQ / In-Memory
18. Mobile: React Native with Expo
19. Storage: Unix File System
20. Mailers: SMTP
21. Documentation: Nextra

Alternative: 3rd Party Services

1. Repo: Git on GitHub / GitLab / Bitbucket
2. Analytics: PostHog / Openpanel.dev / Simple Analytics / Plausible
3. Payment:
   • International: Polar / Lemon Squeezy / Stripe
   • Indonesia: Xendit / Midtrans
4. Service Monitoring: OpenStatus / BetterStack
5. Secrets and Environment Variables: Infisical / Doppler
6. File Storage/Upload: Uploadcare / Cloudinary
7. Avatar: DiceBear / Gravatar
8. Email Transactional: Nodemailer / Plunk / Resend / Amazon SES
9. Email Marketing/Newsletter: Loops.so / Beehiiv / Bento
10. Email Tool: VerifyRight
11. APM, Observability, Error Tracking: Sentry + OpenTelemetry
12. Auth: WorkOS / Clerk
13. Business Intelligence (BI): Metabase / Index.app
14. Webhook: Svix
15. Background Jobs: Quirrel.dev / Trigger.dev
16. Link/URL Shortener/Management: Dub.co
17. Full-Text Search: Meilisearch
18. Notification: Novu
19. Documentation: Mintlify
20. Automation: n8n
21. API Key Management: Unkey

Alternative: Communication Tools

1. Email: Gmail / Zero Email / HEY / ProtonMail
2. Credentials: Bitwarden / Passbolt / LastPass / 1Password
3. Dotfiles: Chezmoi / Dotbot
4. UI/UX Design: Figma
5. Communication & Community: Telegram / Discord / X (Twitter)
6. CRM: Attio
7. Business Database & MVP Builder: Airtable / Baserow / NocoDB
8. Product/Project Management: Linear / Plane.so / Eververse.ai / Basecamp
9. Docs: Outline / Notion
10. Social Media Management: Buffer / Mixpost / Postiz
11. Blog: Hashnode / Ghost
12. Document: DocuSeal / Papermark
13. Launcher: Raycast
14. Accounting: Bigcapital

Guides

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

Inspirations

Templates:

• Better-T Stack
• T3 Stack
• Next-Forge
• LaunchFast
• Indiflow
• Zero To Shipped
• Built At Lightspeed
• midday-ai/v1
• ixahmedxi/orbitkit

Frameworks:

• Laravel
• Ruby on Rails
• RedwoodJS
• AdonisJS
• Blitz.js

Demos:

• lmsqueezy/nextjs-billing
• shadcn-ui/taxonomy

Directory:

• OpenAlternative: Open Source Alternatives to Popular Software
• OpenSourceAlternative.to: Open Source Alternatives to Proprietary Software
• Best of JS

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