[HN Gopher] Ask HN: What's the fastest and simplest way to proto...
___________________________________________________________________
Ask HN: What's the fastest and simplest way to prototype a web app
in 2023?
I'm looking for something that: 1) Gives you the ability to write
a frontend and backend with good flexibility preferably React &
Node. 2) Doesn't require a local environment, but still allows me
to work on VS Code. 3) Allows me to have a live URL and connect a
custom domain. 4) Batteries included, but most importantly a solid
and easy to implement authentication paradigm. 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. 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.
Author : whoisjuan
Score : 14 points
Date : 2023-03-11 18:16 UTC (4 hours ago)
| [deleted]
| creamyhorror wrote:
| 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.
| abraxas wrote:
| Probably bubble or a similar platform.
|
| 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.
| farseer wrote:
| What kind of web app are we talking here? In terms of feature set
| and complexity.
| aristofun wrote:
| Rails, nextjs
| vosper wrote:
| Rails or NextJS, right? I don't think you'd need to use them
| together.
|
| Can't speak for Rails, but NextJS is a solid recommendation.
| Deploy it on Vercel or Netlify, use Supabase or something like
| that for the backend. Simpler than setting up on a traditional
| cloud provider like AWS and still gets you everything you'd
| need for most web apps.
| reducesuffering wrote:
| 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.
|
| You can deploy a template into production as simple as:
|
| 1) npx create-t3-app
|
| 2) Create Vercel account linked to your GitHub
|
| 3) Set your git remote and 'git commit && git push'
|
| Then for DB:
|
| 4) Sign up and push button to create MySQL DB on Planetscale
|
| 5) Copy two env vars to .env
|
| 6) npx prisma db push
|
| 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:
|
| async function getDataFromDb() { const data:
| Data[] = await prisma.data.findMany(); return data;
|
| }
|
| export default async function DataPage() { 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> ); }
| nobodyandproud wrote:
| Similar question: What about a serverless webapp?
|
| That is, a fat client with the server only serving up static
| content.
| vosper wrote:
| 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.
| lightning19 wrote:
| 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.
|
| 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.
|
| 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.
|
| 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.
| zainhoda wrote:
| If you know Python, maybe Pycob could suit your use case?
| https://www.pycob.com
| pstorm wrote:
| 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: https://supabase.com/docs/guides/getting-
| started/quickstarts...
___________________________________________________________________
(page generated 2023-03-11 23:02 UTC)