Deployed a site, and it's not allowing me to visit it due to HSTS
I deployed a site but I cannot visit it due to HSTS.
I've tried contacting Namecheap, who I purchased the domain from, but they said the problem is with the hosting I am using. I am using surge.sh and have followed their custom domain instructions.
A picture of the error:
A picture of Namecheap:
I expect to be able to visit my site, but I cannot.
The issue isn't the dns configuration. HSTS (HTTP Strict Transport Security) means that the site can only be accessed over an encrypted (HTTPS) connection. Probably due to using a TLD (top-level-domain) like *.dev that requires the use of HSTS. To make this work you need to set up a certificate on your host.
Apparently surge.sh provides free certificates for <my-subdomain>.surge.sh, but you'd need one for your custom domain and Securing your custom domain with SSL is part of surge plus. So you'd have to purchase it and follow the instructions or use a different host that works better for you.
I know many people like to use surge.sh as nice free host for static sites, but in this case you need their paid plan. There are other platforms that allow certificates for custom domains on the free plan though. I'm using netlify with custom domain and https myself on a free plan.
- How to get Android Version number in React-Native? (not API level number)
- React map using Objects.entries for rendering inputs dynamically and change values of individual fields
- ServiceWorker Update loop - Create react app
- Mantine Form TextInput won't maintain focus when input is wrapped in another component
- Displaying pure JSON format with black background in GraphQL Express React
- Canceling a react-query mutation
- Creating a Custom Button in React Typescript and add onClick Event
- Argument of type x is not assignable to parameter of type 'ForwardRefRenderFunction<unknown, PropsWithoutRef<P>>'
- fetch data with sort not updating after build
- Can you destructure a result from an SWR query?
- Flask Api working Half the time- works flawlessly when sending post with python but not with javascript
- react-native-chart-kit Min and Max value
- Preserve Exit Animations with React Router v6 and Framer Motion
- How do I load a remote script (widget) inside a react component
- How to make series of images to slide uniformly and horizontally with using JavaScript to change transform transition
- TS2503: Cannot find namespace 'JSX'. - What is equivalent of `JSX.IntrinsicElements`?
- Any way to render HTML in react-markdown
- Problem with rendering markdown in NextJS/React
- Change Gatsby Link Behaviour - Stop Scroll Animation on Page Change
- How can i convert a big gltf file to jsx?
- Can we have a portal in Next.js
- NextAuth: how to return custom errors without redirection
- Why is React useState with functional update form is needed?
- Use localStorage.getItem() with typescript
- How to change active tab color in Material UI?
- Electron React 404 not found in production
- Adding Tanstack react-query to laravel 11 reactjs inertia project
- How to call loading function with React useEffect only once
- Getting Uncaught Error: Minified React error #418 on my Gatsby production build
- Autodesk viewer error TypeError: Cannot read properties of null (reading 'updateMaterials')