I'm looking for something that:<p>1) Gives you the ability to write a frontend and backend with good flexibility preferably React & Node.<p>2) Doesn't require a local environment, but still allows me to work on VS Code.<p>3) Allows me to have a live URL and connect a custom domain.<p>4) Batteries included, but most importantly a solid and easy to implement authentication paradigm.<p>What's the best thing right now for this. I'm just looking for a very low or zero-config infra and fast time to production.<p>I see many options like Vercel, Replit, Render, etc, but I just want to understand if there's a solution or stack that maximizes for efficiency, speed and low configuration, while allowing to scale up if needed.
PHP.<p>It's unsexy, boring. It's not going to decorate your resume like Js frameworks.<p>But it will work.<p>PHP has the most mature tooling for web development.<p>Js frameworks tend to rot<p>Try yii framework. It's old boring which is good.<p>When I was a young developer, I didn’t wanna have anything to do with PHP because hacker news, painted it under a bad light, but it turned out that sometimes people just wanna be different for the sake of being different.when I was a young developer, I didn’t wanna have anything to do with PHP because hacker news, painted it under a bad light, but it turned out that sometimes people just wanna be different for the sake of being different
If React + Node is your preferred stack, I would say NextJS on Vercel + Supabase is the closest to meeting your requirements. You'd still have a local env, but the other points are taken care of. Auth is particularly nice with this combo. Check out their docs: <a href="https://supabase.com/docs/guides/getting-started/quickstarts/nextjs">https://supabase.com/docs/guides/getting-started/quickstarts...</a>
Next.js with Auth.js (formerly Next Auth). For a "batteries included" full stack, I'd also include Prisma and Planetscale for your "ORM" that easily stores your data models into a managed DB. Typescript and TailwindCSS are also highly recommended niceties.<p>You can deploy a template into production as simple as:<p>1) npx create-t3-app<p>2) Create Vercel account linked to your GitHub<p>3) Set your git remote and 'git commit && git push'<p>Then for DB:<p>4) Sign up and push button to create MySQL DB on Planetscale<p>5) Copy two env vars to .env<p>6) npx prisma db push<p>Then, a full stack UI can be as simple as creating a React Server Component that fetches your DB data and displays UI a la:<p>async function getDataFromDb() {<p><pre><code> const data: Data[] = await prisma.data.findMany();
return data;</code></pre>
}<p>export default async function DataPage() {<p><pre><code> const dbData = await getDataFromDb();
return (
<div className="mt-3 grid gap-5 pt-3 text-center md:grid-cols-4 lg:w-2/3">
{dbData.map((dataParam) => <Card data={dataParam}/> )}
</div>
);
}</code></pre>
Rails is the way to go. The productivity of the Ruby language is insane. It's battle tested for decades and you can easily scale your prototype.<p>If you want a simple app served on a single host you can try LiteStack [0] so you don't need a Redis/Postgres/Sidekiq instance, just SQLite.<p>Laravel is also good if you like PHP language.<p>[0] <a href="https://github.com/oldmoe/litestack">https://github.com/oldmoe/litestack</a>
React and Node are not the choices if you want to prototype quickly.<p>A full-stack Rails-inspired framework that makes use of DSLs, code generators, db migrations and has validations that work from the db, through to the forms in frontend templates are the table stakes for rapid prototyping. Rails itself, Phoenix or Laravel are the options I’d consider. All three have great communities and a history of success getting more done with fewer devs than would be possible with separated front and back-end JS SPAs.
The suggestions in this thread are decent, but I haven’t seen a mention of prioritising what you know.<p>What’s your goal?<p>If as you mention you have an app to prototype and you want that prototype as fast and simple as possible, then you can’t use tech and tooling you don’t know.<p>Any time spent learning the new tech, is time you could have spent on the prototype.<p>With that lens, you can see the variety of suggestions here are what people know best.<p>If you goal is to learn a new tool, or to learn a new tool alongside a prototype, you have to trade off speed. It will take a bit longer.<p>Spend your novelty tokens wisely.
My chosen stack is React (DaisyUI, deployed with cloudflare) + Node (Hapi is batteries included, deployed using GCP cloud run). One benefit of this stack is that there's no cloud vendor lock-in. The only drawback thus far is that Hapi with Typescript is not that well documented and of course higher latency than dedicated infra.<p>I'm still unsure about what 'serverless' database is optimal (cockroachdb, neondb, planetscale, mongodb) so I went with what my last profitable side project used - mongodb.<p>At some point I'd like to compare the performance of psql jsonb to mongodb, I've watched some talks a few years ago stating that psql with jsonb outperforms mongodb. I wonder if that's still the case in 2023.<p>I've experimented with golang before as I wanted something easier to scale than node + minimal dependencies but then I realized I am just writing my own web framework so I settled on Hapijs, it's faster than express and has less dependencies, it was/is run in prod at Walmart.
Laravel is highly batteries-included (e.g. on the auth front) and works with Vue or React now - it includes a module called Inertia that connects the Laravel server-side with the Vue/React client-side. Caveats: Laravel is in PHP and is quite mature, so there's quite a bit to get used to.
My open source project is mostly aimed at this. Happy to help out early adopters (find me on twitter @mcapodici)<p><a href="https://github.com/mcapodici/firestarter">https://github.com/mcapodici/firestarter</a><p>1. Check<p>2. Check: I started using github spaces developing this<p>3. Check<p>4. Uses Firebase, trading off open sourceness for convenience
Probably bubble or a similar platform.<p>If nocode is out of the question then I don't know because it all looks like a convoluted mess to me. I'm actually going to watch this thread with interest to see what others suggest. I'm on a somewhat similar quest at the moment.
The title should be "What is the fastest and simplest way to <i>host</i> a web app in 2023?".<p>Not sure about Render, but the others you mention do not appear to be wholistic. They either focus on the frontend exclusively, or are intended for development, not production use cases.<p>What about your data layer? You need something that provides that and my guess is that will drive your decision about what platform you choose more than anything else. That, and cost.
I am really enjoying elixir/pheonix/liveview -- feels super fast to poc stuff out and also is not throw away as the system scales unbelievably well.
You can get pretty far with an interactive Figma clickdummy. When you want to build a prototype, your main motivation might be to get feedback from users. A clickdummy might give you exactly that and save you a lot of time.
Auth0 is relatively easy to implement with NextJS, like it should a couple of hours at most. Auth0’s own UI is reasonably clean and easy enough to setup.