Both .NET 6 and Visual Studio 2022 are out, and the question comes up, “What can I do with it?” In this and the next few blogs, I will walk through creating a React JS SPA with a .Net 6 backend and deploy it to Azure. We will use pipelines, Cosmos DB, blob...
Welcome to part two of building and deploying a .NET 6 / React JS app into Azure. Part one can be found here. Corrections and Feedback I’ll start with a correction based on the feedback you all gave me. The Credentials class has no reason to be a class and can be a record type instead with init properties. To jump right in, navigate to your blog.objects project and open Credentials.cs. U...
Posting a binary array from the browser to a backend API can pose a bit of a challenge. In this article I will demonstrate how to accomplish this. The common error returned by the server is a 415 status code. This blog will demonstrate how to achieve this....
Welcome to part three of building and deploying a .NET 6 / Ract JS app into Azure. Corrections and Feedback One of my solemn rules of coding is to have no build time warnings. Sadly, the code I have committed so far has warnings aplenty. We’ll fix that now. Start with the LoginControl, update the following:...
“Enough with the APIs! Let’s build the UI already!” you cry out in pain. I feel your pain. In this article we will implement the code to input a new blog, store any embedded images in preparation for the Azure CDN, and verify we can see the image in the ed...
In this article we will finish the user interface for the blog app and that will set us up to deploy in part 6 with Azure DevOps Pipelines and Azure services. We will start with displaying a blog, then work backwards to the landing page where the user can select a blog to read....
We’re finally there. Time to build our pipeline and deploy to Azure. If you have not already done so, create your organization a project in Azure DevOps. Then set up your Azure subscription. Preparing the Destination in Azure Login to the Azure portal. Verify you are in the correct subscription, then create a new resource group. I recommend creating a resource group for this project to make it easy to delete everything, if you want to, when you are done....
If you followed my previous series on writing a blog site with .NET 6 and React JS and stood up your own site, you might have experienced what I have: being invisible to the search engines. In this article, we will rewrite the UI to use server-side renderi...