{"id":53420,"date":"2025-06-25T14:52:44","date_gmt":"2025-06-25T04:52:44","guid":{"rendered":"https:\/\/www.cloudproinc.com.au\/?p=53420"},"modified":"2025-06-27T16:24:46","modified_gmt":"2025-06-27T06:24:46","slug":"containerize-a-blazor-net-application","status":"publish","type":"post","link":"https:\/\/cloudproinc.com.au\/index.php\/2025\/06\/25\/containerize-a-blazor-net-application\/","title":{"rendered":"Containerize a Blazor .NET Application"},"content":{"rendered":"\n

In this blog post, we will show you how to containerize a Blazor .NET application using native tools\u2014without relying on third-party scripts or complex setups.<\/p>\n\n\n\n\n\n\n\n

Microsoft .NET is one of the most popular development frameworks today, offering a wide range of deployment options. Running applications in containers and adopting microservices design patterns allows us to decouple components, simplify scaling, and reduce the deployment footprint. Thanks to .NET and Docker, containerizing modern apps is not only possible\u2014it\u2019s straightforward, as you\u2019ll see below.<\/p>\n\n\n\n

Prerequisites<\/h3>\n\n\n\n

Before we get started, make sure Docker is installed and running on your machine.<\/p>\n\n\n\n

Tools<\/h3>\n\n\n\n

Generally speaking, there are two main tools you can use to containerize a .NET application:<\/p>\n\n\n\n

    \n
  1. Docker CLI<\/strong> \u2013 Comes with Docker and lets you manage containers and images via the command line.<\/li>\n\n\n\n
  2. VS Code Container Tools extension<\/strong> \u2013 An excellent add-on that integrates with Visual Studio Code and simplifies the containerization process.<\/li>\n<\/ol>\n\n\n\n

    I recommend using the Container Tools extension<\/strong>, especially if you’re already working in VS Code. It streamlines the workflow and reduces the chance of human error when generating Docker-related files.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Link<\/a> to Container Tools<\/p>\n\n\n\n

    Containerizing the Application<\/h3>\n\n\n\n

    With Docker installed and the tools in place, open the .NET project you’d like to containerize.<\/p>\n\n\n\n

      \n
    1. In VS Code, open the Command Palette<\/strong> (Ctrl+Shift+P).<\/li>\n\n\n\n
    2. Search for and select \u201cContainers: Add Docker Files to Workspace\u201d<\/strong>.<\/li>\n\n\n\n
    3. Choose your target platform and .NET version when prompted.<\/li>\n<\/ol>\n\n\n\n

      VS Code will automatically generate a Dockerfile<\/code> in your project folder with all the necessary build instructions to package and run your app inside a container.<\/p>\n\n\n\n

      Once the Dockerfile<\/code> is created:<\/p>\n\n\n\n

        \n
      1. Right-click on the Dockerfile and select \u201cBuild Image\u201d<\/strong>.<\/li>\n\n\n\n
      2. Wait for the build process to complete\u2014it will create a Docker image of your application.<\/li>\n<\/ol>\n\n\n\n
        \"\"<\/figure>\n\n\n\n

        Running the Application in a Container<\/h3>\n\n\n\n

        After building the image:<\/p>\n\n\n\n

          \n
        1. Open the Container Tools<\/strong> panel in VS Code.<\/li>\n\n\n\n
        2. Locate the newly created image under the Images<\/strong> section.<\/li>\n\n\n\n
        3. Right-click on the latest version and select \u201cRun Interactive\u201d<\/strong>.<\/li>\n<\/ol>\n\n\n\n
          \"\"<\/figure>\n\n\n\n

          You\u2019ll see the container spin up in the terminal. Once it\u2019s running, open your web browser and navigate to http:\/\/localhost:<port><\/code>, replacing <port><\/code> with the one defined in your Dockerfile (usually 5000<\/code> or 8080<\/code> for web apps).<\/p>\n\n\n\n

          You should now see your Blazor app running in a container\u2014fully isolated and portable.<\/p>\n\n\n\n\n\n