I'm a newcomer to fullstack development with no experience in infra. I want to make a web app based on a React frontend and Flask backend (with a Postgres database). What are people's recommendations for developing locally, in a way that can be easily & immediately deployed?<p>A lot of the tutorials I can find either (a) don't mention deployment, or (b) treat it like a final step at the end, rather than something that needs to be done on a semi-frequent basis.
Don't worry about your deployment being directly related to your dev environment. That's a good goal, but most people make do without it.<p>You can use Vagrant or Docker[1] locally and then deploy somewhere easy like Render.com[2][3].<p>Since you're new to fullstack, you may have an easier time with Next.js (definitely use the TypeScript option) because then you're only learning/using a single language in a single repository for both frontend and backend.<p>1. <a href="https://blog.miguelgrinberg.com/post/how-to-dockerize-a-react-flask-project" rel="nofollow">https://blog.miguelgrinberg.com/post/how-to-dockerize-a-reac...</a><p>2. <a href="https://render.com/docs/deploy-flask" rel="nofollow">https://render.com/docs/deploy-flask</a><p>3. <a href="https://render.com/docs/deploy-create-react-app" rel="nofollow">https://render.com/docs/deploy-create-react-app</a>
There is a good reason that tutorials treat it that way: it should be treated that way, IMO.<p>I don't agree that your dev environment should perfectly match whatever environment you're deploying to. It is good to do some things: same version of Python, same DB and same version, hopefully same OS, but that is rarely something you always have control over. You do, so sure, do the best you can here.<p>Rather, I would suggest you configure your development environment to best facilitate development, especially for learning. On some apps maybe you will need to have some kind of parity environment (mostly this is DB level stuff, then specific Python version, then OS version, in my experience problems rarely if ever come up that aren't in these categories) but it is rare, and you definitely do not need this for learning.<p>The easiest thing and best thing for learning may be to get a cheap VM and set up your own environment. If you do want to learn a tool like Docker, sure - but I don't suggest developing in Docker. It is more of a pain than it is worth.
It can be really simple on the cloud. Everything I'm describing might even fit on both platforms free tier<p>For Flask, follow this tutorial. It's the absolute simplest I've come across: <a href="https://cloud.google.com/run/docs/quickstarts/build-and-deploy/deploy-python-service" rel="nofollow">https://cloud.google.com/run/docs/quickstarts/build-and-depl...</a><p>For React, follow this tutorial: <a href="https://docs.aws.amazon.com/AmazonS3/latest/userguide/HostingWebsiteOnS3Setup.html" rel="nofollow">https://docs.aws.amazon.com/AmazonS3/latest/userguide/Hostin...</a><p>But instead of the files it tells you to create, just use create-react-app, and run "npm run build". Then take the directory it creates (hint: it's named "build"), and drop all it's contents in your s3 bucket
If your goal is to stand up a hobby app asap as opposed to learn backend tech, you can have a serverless app hooked up to a Postgres DB in minutes all for free with Cloudflare Pages and Supabase. I’ve built many Sveltekit Apps this way in weekends.
If you're just starting out, and want to focus on the frameworks right now without worrying about infrastructure _but_ still want something to show someone, start with replit.com