Skip to content

🐶Dogokit Akita: App development kit with React, Tailwind CSS, and various tech ecosystem

License

Notifications You must be signed in to change notification settings

dogokit/dogokit-akita

Repository files navigation

🐶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

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

Default

  1. Core: HTML, CSS, JavaScript
  2. Runtime: TypeScript with Bun
  3. Tooling: Biome & Prettier
  4. Frontend: React with Remix
  5. Styling: Tailwind CSS
  6. Auth: Remix Auth with Oslo
  7. Container: Docker
  8. Database ORM: Prisma with ZenStack
  9. Database/DBMS: PostgreSQL
  10. Backend with Remix/Next.js built-in server-side features

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 & Proxy: Caddy / Nginx
  8. SSL/TLS Certificate: Let's Encrypt

Separated Backend

  1. REST API: Hono & Swagger that can be generated by ZenStack
  2. GraphQL: Apollo, Pothos, Sofa
  3. JS-based Fully Featured: RedwoodJS / AdonisJS
  4. Non-JS Fully Featured: Laravel / Rails / Django
  5. Non-JS Lightweight: Gin / Fiber / Echo
  6. BaaS: Supabase / PocketBase / Firebase / Strapi / Payload

Features

  1. CLI Prompt: Clack / Commander.js
  2. Secrets & Environment Variables: .env / t3-env / unplugin-environment
  3. Data Validation: Zod
  4. Form Validation: Conform
  5. Monorepo: moonrepo with Changesets
  6. Testing: Vitest with Testing Library, Playwright, MSW
  7. CLI & Prompt: oclif / Inquirer
  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 / InstantDB / Electric
  15. Cache & Message Queues: Redis / BullMQ / In-Memory
  16. Mobile: React Native with Expo
  17. Storage: Unix File System
  18. Mailers: SMTP
  19. Documentation: Nextra

3rd Party Services

  1. Secrets & Environment Variables: Infisical / Doppler
  2. Analytics: PostHog / Openpanel.dev / Simple Analytics / Plausible
  3. Service Monitoring: OpenStatus
  4. APM, Observability, Error Tracking: Sentry & 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

Tools

  1. Credentials: Bitwarden / Passbolt
  2. UI/UX Design: Figma
  3. Code Editor: Cursor AI / VS Code
  4. Communication & Community: Telegram / Discord / X
  5. Business Database & MVP Builder: Airtable / Baserow / NocoDB
  6. Project/Product Management: Linear / Plane.so
  7. Social Media Management: Buffer / Mixpost
  8. Container: OrbStack
  9. Launcher: Raycast
  10. AI: Supermaven / Tabnine / GitHub CoPilot / ChatGPT / Claude / Perplexity / Galileo / Marblism

Guides

Inspirations

Credits

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

Originally created by 🦁Haidar

About

🐶Dogokit Akita: App development kit with React, Tailwind CSS, and various tech ecosystem

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Sponsor this project