DEV Community

Cover image for Steps for Deploying a Blazor as Static Site with Docker and Nginx
gopkumr
gopkumr

Posted on

4 3

Steps for Deploying a Blazor as Static Site with Docker and Nginx

Step 1 Publish the Blazor WebAssembly project

Publish the project from Visual Studio,this ensures that the projects is linked which removes all the unwanted dependencies from the output, reducing the size of the assemblies created.

Step 2 Create a dockerfile

The docker file is very straightforward, pull the nginx image and copy the published Blazor WebAssembly file from the WWWRoot folder to the html folder in nginx

FROM nginx:alpine
EXPOSE 80
COPY bin/Release/netcoreapp3.1/publish/wwwroot /usr/share/nginx/html
Enter fullscreen mode Exit fullscreen mode

Step 3 Build the docker image

use the below command

docker build --tag blazorstatic . 
Enter fullscreen mode Exit fullscreen mode

Step 4 Run the docker container

Run the docker container mapping the port exposed from the container to a port on the host

 docker run -p 8080:80 blazorstatic   
Enter fullscreen mode Exit fullscreen mode

Step 5 Access the Blazor WebApp from browser

Access the URL https://localhost:8080 which loads the WebApp
Alt Text

Source code for both ASPNet hosting and Static Website Hosting is available in Github: https://github.com/gopkumr/BlazorTourOfHeroes.git
Branch: Perf

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more