Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions src/frontend/src/content/docs/get-started/app-host.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -39,14 +39,14 @@ This three-tier architecture is just one example of how you can use Aspire. The
architecture-beta

service db(logos:postgresql)[PostgreSQL]
service api(logos:dotnet)[API service]
service api(logos:c-sharp)[API service]
service frontend(logos:react)[React frontend]

api:R --> L:db
frontend:R --> L:api
```

This architecture demonstrates a **.NET API** connecting to a **PostgreSQL database**, with a **React frontend** consuming the API. The .NET API uses ASP.NET Core and connects to PostgreSQL using Entity Framework or a connection string. The React frontend is built with Vite and communicates with the API over HTTP.
This architecture demonstrates a **C# API** connecting to a **PostgreSQL database**, with a **React frontend** consuming the API. The C# API uses ASP.NET Core and connects to PostgreSQL using Entity Framework or a connection string. The React frontend is built with Vite and communicates with the API over HTTP.

To build this architecture step-by-step, see the [Build your first app](/get-started/first-app/?lang=csharp) quickstart.

Expand Down Expand Up @@ -139,7 +139,7 @@ You can represent that architecture in an AppHost like this:
<Pivot id="csharp">
<SimpleAppHostCode lang="csharp">
<div slot="csharp-content">
<p>Uses <code>AddProject&lt;Projects.Api&gt;()</code> to reference a .NET project.</p>
<p>Uses <code>AddProject&lt;Projects.Api&gt;()</code> to reference the API project.</p>
</div>
<div slot="typescript-content">
<p>Uses <code>addProject()</code> to reference the API project.</p>
Expand Down Expand Up @@ -570,7 +570,7 @@ architecture-beta

service db(logos:postgresql)[pg]
service epr(iconoir:server-connection)[Endpoint Reference]
service api(logos:dotnet)[api]
service api(logos:c-sharp)[api]
service ctr(iconoir:server-connection)[Connection String Reference]
service frontend(logos:react)[frontend]

Expand All @@ -580,7 +580,7 @@ architecture-beta
epr:L <-- R:frontend
```

The .NET API receives a **ConnectionStringReference** from PostgreSQL and publishes an **EndpointReference** that the React frontend consumes. This creates a clear dependency chain: `PostgreSQL → .NET API → React frontend`.
The C# API receives a **ConnectionStringReference** from PostgreSQL and publishes an **EndpointReference** that the React frontend consumes. This creates a clear dependency chain: `PostgreSQL → C# API → React frontend`.

</Pivot>
<Pivot id="python">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ dotnet new install Aspire.ProjectTemplates::13.1.0

## Create solutions and projects using templates

To create an Aspire solution or project, use Visual Studio, Visual Studio Code, or the Aspire CLI, and base it on the available templates. Explore additional Aspire templates in the [Aspire samples](https://github.com/microsoft/aspire-samples) repository.
To create an Aspire solution or project, use Visual Studio, Visual Studio Code, or the Aspire CLI, and base it on the available templates. Choose the template that matches your app stack, including C#, TypeScript, Python, and JavaScript starter options. Explore additional Aspire templates in the [Aspire samples](https://github.com/microsoft/aspire-samples) repository.

<br />

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ To configure GitHub Codespaces for Aspire, use the `.devcontainer/devcontainer.j
alt="Screenshot showing the terminal prompt ready for use in the codespace."
/>

At this point, the Aspire CLI has been installed and the ASP.NET Core development certificate has been created and trusted inside the Codespace. You can use `aspire new` right away without manually installing `Aspire.ProjectTemplates`.
At this point, the Aspire CLI has been installed and the local HTTPS development certificate for .NET apps has been created and trusted inside the Codespace. You can use `aspire new` right away without manually installing `Aspire.ProjectTemplates`.

1. Create a new Aspire project using the starter template.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ Ready to dive into Aspire? Before you begin, make sure your development environm
<Tabs syncKey='aspire-lang'>
<TabItem id='csharp' label='C#'>

Aspire's C# AppHost is built on .NET, a free, open-source, cross-platform framework for building modern apps and cloud services. You'll need the [.NET 10.0 SDK](https://dotnet.microsoft.com/download/dotnet/10.0) installed—no prior C# experience is required.
For a C# AppHost, install the [.NET 10.0 SDK](https://dotnet.microsoft.com/download/dotnet/10.0), a free, open-source, cross-platform framework for building modern apps and cloud services. No prior C# experience is required.

<Aside type="caution" title="Important">
The .NET 10.0 SDK is required for C# AppHosts. However, Aspire can run applications targeting .NET 8.0 or later.
Expand Down
Loading