TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

How to deploy a React app for free

155 pointsby walter12over 4 years ago

18 comments

mburstover 4 years ago
So cool to see all the different free services out there for getting in to web dev. I remember having to do graphic design work growing up to afford a shared hosting plan on my mom&#x27;s credit card. Times have definitely changed :D<p>Lately I&#x27;ve been enjoying KubeSail&#x27;s (<a href="https:&#x2F;&#x2F;kubesail.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;kubesail.com&#x2F;</a>) free tier for playing around with some SSR things. A lot of the lambda like services don&#x27;t do great with doing realtime stuff since they&#x27;re just meant to run one piece of code then die a few seconds later
评论 #24195760 未加载
评论 #24195890 未加载
sonecaover 4 years ago
Great list. My personal choice is Netlify.<p>With Netlify Functions and FaunaDB (also with a generous free tier), I have a full stack web app, complete with a database, hosted for free (<a href="https:&#x2F;&#x2F;www.quidsentio.com" rel="nofollow">https:&#x2F;&#x2F;www.quidsentio.com</a>)
评论 #24195656 未加载
评论 #24196218 未加载
hashamaliover 4 years ago
It&#x27;s worth pointing out that most (if not all) the options listed are only free to a certain point.<p>Netlify and Github Pages, for example, are capped at 100 GB of bandwidth per month. It&#x27;s a very generous cap and ample for most use cases, but something to keep in mind as your projects gain traction.
评论 #24195985 未加载
catchmeifyoucanover 4 years ago
We&#x27;ve been using AWS Amplify and it&#x27;s been pretty nice. It allows pairing with Github and deployments by branches. CI Integrations are not that great, like Slack bots and stuff, but it gets the job done as a good place to deploy code. The free-tier is fairly generous, and it&#x27;s nice that everything lives in AWS (if you&#x27;re already using them for other things)<p><a href="https:&#x2F;&#x2F;aws.amazon.com&#x2F;amplify&#x2F;console&#x2F;" rel="nofollow">https:&#x2F;&#x2F;aws.amazon.com&#x2F;amplify&#x2F;console&#x2F;</a>
评论 #24196635 未加载
SirHoundover 4 years ago
I used Vercel for the first time last week and the time between creating a repo to have a Next site publicly deployed was minutes. A custom domain was a couple minutes more. I was gobsmacked, this is something that took me weeks four years ago.
ecesenaover 4 years ago
Great list, I&#x27;m glad to see the number of options increasing.<p>This reminded me of one of my projects, <a href="http:&#x2F;&#x2F;hasgluten.com" rel="nofollow">http:&#x2F;&#x2F;hasgluten.com</a>, kind of forgotten but still up &amp; running on github pages since I learned react 6y ago.<p>Code is here for the archeologists: <a href="https:&#x2F;&#x2F;github.com&#x2F;hasgluten&#x2F;hasgluten" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;hasgluten&#x2F;hasgluten</a>
gempirover 4 years ago
I don&#x27;t recommend Github Pages as they have issues with routing.<p>Read this [1] for workarounds but it&#x27;s more than annoying to work around instead of just using a better hosting solution.<p>Personally I have only ever tried GH Pages and Netlify had no issues at all with Netlify.<p>[1] <a href="https:&#x2F;&#x2F;github.com&#x2F;rafgraph&#x2F;spa-github-pages" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;rafgraph&#x2F;spa-github-pages</a>
mvn9over 4 years ago
What&#x27;s the point of using those services over uploading the app files into a directory that is served by any webserver?<p>&gt;Render is a unified platform to build and run all your apps and websites with free SSL, a global CDN, private networks and auto deploys from Git.<p>Apart from the CDN, that&#x27;s all available for e.g. Digital Ocean Droplets. But why would a CDN be needed for static websites?
评论 #24195615 未加载
sergiotapiaover 4 years ago
Netlify is one of the best services my team uses. It does exactly what you expect it to do and then gets the fuck out of your way. I love it!<p>They also have smart features baked right in like pre-rendering. Literally hit a checkbox and you&#x27;re prerendering.
josep-panaderoover 4 years ago
It is fantastic how far we have gotten. I had a web in Geocities before the Yahoo purchase. It allowed 150 Kilobytes of storage and no CGI (Common Gateway Interface).<p>I do no see mention of size limits in the article. I just checked Firebase and the free tier allows up to 1 GiB total.<p>Security is the other change. To run CGI allowed control of too much for any provider to be comfortable with it. Containerization and overall Operating System improvements allow for server-side code with safety (Spectre aside).<p>Great article and great opportunity for anyone that wants to start small on the cloud.
ecmascriptover 4 years ago
I have always disliked services like netlify or vercel. Sure it seems nice with free hosting but in reality it&#x27;s quite limiting and often it&#x27;s cheaper to host on a $5 DO droplet or some similar vps offering. Also, with those kind of services that are free, soon gets very expensive as soon as you leave the free tier.<p>With a vps, you can do front and backend and host hundreds of low traffic websites.<p>I don&#x27;t really understand what type of developer only does front end work or where do you host your backend stuff whjen you use Vercel &#x2F; Netlify?
评论 #24198064 未加载
wtphilipover 4 years ago
Great list! Thank you for putting this together. Highly appreciated. What about way 9: <a href="https:&#x2F;&#x2F;stormkit.io" rel="nofollow">https:&#x2F;&#x2F;stormkit.io</a>?
评论 #24197549 未加载
emersonrsantosover 4 years ago
Very nice free service list. I think it could been added a way of running node CLI’s without installation through npx instead of installing global packages.
评论 #24197543 未加载
azangruover 4 years ago
The word &quot;React&quot; in the title is irrelevant and clickbaity. &quot;X ways to deploy a static site&quot; would have been more appropriate.
评论 #24196313 未加载
aussieguy1234over 4 years ago
I use Netlify for <a href="https:&#x2F;&#x2F;expose.sh" rel="nofollow">https:&#x2F;&#x2F;expose.sh</a><p>It&#x27;s configured to auto deploy from GitHub every time I merge to the &quot;master&quot; branch.<p>Works pretty well for my static site and it&#x27;s free because I&#x27;m a solo founder therefore there&#x27;s only one team member.
Pandabobover 4 years ago
This is kind of Off-topic, but I&#x27;ve been getting back to doing web development for the past few months. One thing I&#x27;ve been surprised is how much high quality content marketing&#x2F;blogs there are especially regarding React.<p>The Logrocket blog is an excellent example of this. Lots of useful blog posts. Another one I&#x27;ve been relying on is the blog of Robin Wieruch [1].<p>I guess stating this is a little obvious, but one of the upsides of using popular tools is the productivity boost you get from the surrounding ecosystem.<p>[1]: <a href="https:&#x2F;&#x2F;www.robinwieruch.de&#x2F;blog" rel="nofollow">https:&#x2F;&#x2F;www.robinwieruch.de&#x2F;blog</a>
评论 #24195838 未加载
评论 #24195685 未加载
juskreyover 4 years ago
vs &quot;How to earn $2.5 a month to deploy your apps the way you want&quot;
timmitover 4 years ago
I like vercel&#x2F;zeit, and dislike firebase
评论 #24195776 未加载