DEV Community

Brice Seymens
Brice Seymens

Posted on

Question: How do I host my angular front-end on Netlify

I'm a application development student working on an Angular full stack project for school. I need to host the front-end (so the angular part) online. I wanted to do it with Netlify since it's quiet easy to use and free. I want to deploy it manually since my tutors made the github repo I work in to check on the progress and code.

I made a redirect file and added it to my angular.json file, sorted out the environment files and build the app using ng build. I tried to manually deploy my app by dragging the folder inside the dist folder into netlify but it keeps telling me the url of the deployment leads to a broken url since it cant find it.

Any tips, tricks and help is very welcome!

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay