Finding the almost perfect stack
My criteria: tools should not be in the way (no constant fighting), and should be proven to be stable & effective. Complexity is evil and leads to debugging hell
Litmus test: building an Uber clone with this stack
Build tool: Bun
Code smells & technical debt: SonarQube, Eslint, TS
FE UX patterns: https://cloudscape.design/patterns/resource-management/create/ (AWS)
FE admin/landing pages: ToolJet?
FE form handling: React Query + react-hook-form + yup?
FE build tool: Vite
FE: React
FE SSR: Next
FE Mobile: Flutter?
FE UI: Tailwind, Shadcn? Radix UI? infima.dev?
FE Components: Headless UI, Base UI (headless MUI)
FE Advanced components: MUI X?
FE state management: zustand?
FE Auth: https://clerk.com/? NextAuth.js
FE lowcode builder: Puck? Builder.io? framer? Retool AI?
FE testing: https://vitest.dev/
AI page generator: https://github.com/raidendotai/openv0, v0, https://www.rapidpages.io/?
Intenal Admin: Retool, Lowdefy.com, airplane.dev
FE-BE run-time type safety: tRPC & Zod
BE services: Express, Fastify (?)
BE CMS: Strapi (?)
BE ORM: Drizzle? Prisma?
BaaS: AWS Amplify, AppWrite?Supabase?
DB Relational: Supabase?
DB NoSQL: Firestore?
DB Text search: ElasticSearch?
Container Hosting: ECS
LLM: OpenAI? Open source?
Workflow automation: zapier? N8n.io
Infra: Aws Architecture template: https://docs.aws.amazon.com/prescriptive-guidance/latest/patterns/deploy-a-react-based-single-page-application-to-amazon-s3-and-cloudfront.html?did=pg_card&trk=pg_card
CI/CD: Github? Gitlab? Harness? Jenkins? CodePipeline?
Deployment: AWS, Fly(?)
IAC: SST?, CDK, CDKTF(?). The earlier the better
Security scan: veracode, codeQL, CxSAST, Snyk AI, OWASP ZAP?
Load testing: Gatling? K6?
Fullstack: MeteorJS (?) Remix (?)
Real time collab: https://rocicorp.dev/blog/ready-player-two
All in one tool: https://makerkit.dev/
Template: https://shipfa.st/
Inspiration: https://greenonsoftware.com/articles/thoughts/dream-stack-for-react-dev/
Experimental AI tools: openV0,
Ref:
https://firebase.google.com/docs/database/rtdb-vs-firestore
https://github.com/alan2207/bulletproof-react
https://huggingface.co/spaces/HuggingFaceH4/open_llm_leaderboard
https://www.youtube.com/watch?v=-A0kMiJqQRY&ab_channel=Joshtriedcoding
NextJS vs MeteorJS:
https://forums.meteor.com/t/nextjs-vs-meteor-comments-anyone/58472/14
https://forums.meteor.com/t/meteor-or-nextjs-whats-more-viable-today/52817/21
https://blog.logrocket.com/building-full-stack-app-with-remix-prisma/
https://fly.io/docs/js/frameworks/remix/
https://github.com/measuredco/puck
https://betterprogramming.pub/architecture-of-modern-startup-abaec235c2eb
https://github.com/run-llama/sec-insights
Just KISS: https://engineercodex.substack.com/p/how-instagram-scaled-to-14-million