Tools suggestion to speed up my web development process

• Supabase for DB and kind of backend server
• Nodejs for everything backend (i'm a huge Python fan but being able to reuse code is too much of a benefit)

I tend to prefer not so shiny new tools, but mature:

• Sketch for any design I need
• Pinegrow for turning Sketch designs into working HTML
• Jetbrains products for coding websites
• Xojo for native mobile/desktop app development
• My own internal tools that I create with Xojo

Try to offload as much as possible and focus on your core features. Life is too short to reinvent the wheel over and over. I'm giving you my list (mostly based on AWS because that's what I know more, but any CSP is fine)

• Docker and anything that manages docker as a service. I've tried Amazon ECS and I have mixed feelings, but it does its job.
• Anything that keeps a DB up and running. I've had great experience with Amazon RDS.
• Put pipelines in place before anything else. This will save tons of time later
• The same goes for test framework. These two thing might slow your first commit, but will speedup starting from the second.
• Find service for things that allow you to delegate whole chunks of application. For instance don't config and email service, use Sendgrid. Wrap it so that it is easy to change it later without change every place where it is used.
• Resist fancy tech unless you really need it (no, you probably don't need nosql, K8S, Kafka, ...)
• .. but use any technology you know of. If you are good with K8S use it!
• Don't do your own authentication system. OK, I'm biased (I'm building an open source authentication system ), but it's really a bad idea doing it yourself. If you don't like my project there are many others (Auth0, AWS Cognito, SuperTokens, Keycloack, ...). If you can use something open source IMO it's better because you keep some control over your data (but, again, I'm biased here)
• I find it useful to write my BE in node, so that it is easy to do both FE and BE, but many people don't like this. However, try to keep your stack simple and make sure that anyone is ready to be up and running and contribute in a couple of hours max.
• I'd suggest to skip microservices until you know more about your project. When yuo go for microservices keep in mind that it involves a lot of infrastructure (CI/CD, automatic deployment, logging at least). Solve infrastructure before going for microservices. Don't ever dare to do microservices if your pipelines are not good enough (personal experience speaking here). This comment is 5 years old, but still applies.
• repl.it has helped me many times to solve small algorithm issues without having the complexity of the project. If your stack is JS, there is an extension for VSC called Quokka that might help.

Low res wireframing & ux flow : whimsical & miro
High res design: figma & principle

I have recently used polypane where : Stage: Front-End, rensponsiveness.

• Multipanes view with workspace, where you can save different panes setup as workspaces depending on your development stack.

• Live CSS editor with inspection tool for classes/ id picker and autocorrection. Besides, you can try out different Google Fonts which will be loaded automatically by Polypane.

• Grid, ruler, column, row in the pane for perfect pixel design

• A lot of accessibility tools, which I may not use it, but I hope that I can use it in the future.

Boosts up the web dev process by 5x. as they have mentioned in their website.

Monthly subscription can be annoying that's why I bought a lifetime deal from SaaS mantra.
Visit: saasmantra.com/deals/polypane