DEV Community

0 seconds of 4 minutes, 12 secondsVolume 90%
Press shift question mark to access a list of keyboard shortcuts
00:00
00:00
04:12
 
Maxim Orlov
Maxim Orlov

Posted on • Edited on • Originally published at youtube.com

25 12

Setup HTTPS in Development With Create React App

If you ever tried to make HTTPS work in development, you know it's something you can lose your head over 🤯.

How do you get that sweet green lock with Create React App ⚛ on localhost?

In this video, you'll learn how to setup HTTPS in development by creating your own SSL certificates and making sure the browser trusts them.

You only have to follow these steps once, and when you're done, you can reuse the SSL certificates throughout all of your projects.

🔗 Links from video
mkcert - https://github.com/FiloSottile/mkcert

👉🏼 Watch more videos like this one on my YouTube channel 🎥

Write clean code. Stay ahead of the curve.

Every other Tuesday, I share tips on how to build robust Node.js applications. Join a community of developers committed to advancing their careers and gain the knowledge & skills you need to succeed.

Subscribe for success!

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (5)

Collapse
 
thpthangnextfunc profile image
Thang Tran

Thank you. Can you create a video: "How to deploy react native app on Google Cloud and point a domain from GoDaddy to that IP" (https secure). I used nginx but it took port 80, someone says let's take nginx as reverse proxy?!

Collapse
 
andrewbaisden profile image
Andrew Baisden

Wow awesome that cover video saved me a lot of googling time.

Collapse
 
robbiegm profile image
RobbieGM

Why would you do this? Every browser API that requires a secure context works on localhost even without setting up HTTPS on it.

Collapse
 
doug profile image
Doug

Biggest reason I had for this was testing CORS configuration. Too many posts on SO show how to "enable all origins", but that's really not the point.

Collapse
 
haloboy777 profile image
Ayush Singh

There are many problems that this video solves.
Sometimes you want to use a custom domain for localhost testing but you don't want to use 'localhost'. In that case the API simply doesn't work and service worker also stops.

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay