Skip to content

Commit

Permalink
fix: page title (#3896)
Browse files Browse the repository at this point in the history
* Update overview.mdx

* Update overview.mdx

* Update overview.mdx
  • Loading branch information
jessiemongeon1 authored Dec 18, 2024
1 parent 2fb9d70 commit 9a997e4
Showing 1 changed file with 5 additions and 9 deletions.
14 changes: 5 additions & 9 deletions docs/developer-docs/web-apps/application-frontends/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,16 +5,16 @@ keywords: [beginner, concept, frontend, asset canister, assets]
import { MarkdownChipRow } from "/src/components/Chip/MarkdownChipRow";
import { GlossaryTooltip } from "/src/components/Tooltip/GlossaryTooltip";

# What is an asset canister?
# Application frontends

<MarkdownChipRow labels={["Beginner", "Concept"]} />

Dapps often utilize a frontend interface to facilitate user interaction with the application through elements such as a dashboard, account page, media player, or other assets that are displayed in the web browser. These assets may be in the form of HTML, JavaScript, CSS, or other frontend frameworks like React.
Dapps often utilize a frontend interface to facilitate user interaction with the application through elements such as a dashboard, account page, media player, or other assets that are displayed in the web browser. These assets may be in the form of HTML, JavaScript, CSS, or use frontend frameworks like React.

Application frontends are often referred to as **asset <GlossaryTooltip>canisters</GlossaryTooltip>** on ICP, since they are canisters defined as `"type": "asset"` in the `dfx.json` file for a project. Projects created by the `dfx new` command have the option to include a default asset canister named using the project's name and the suffix `_frontend`, such as `hello_world_frontend`.
Application frontends are hosted on ICP using **asset canisters**. Asset canisters compile frontend assets like CSS and JavaScript into a Wasm module that can be deployed on ICP as a canister.

:::info
The terms 'asset canister' and 'frontend canister' are often used interchangeably.
The terms 'asset canister' and 'frontend canister' are sometimes used interchangeably. **Asset** canister is typically used to describe the Rust code `dfx` uses in the background to compile a project's frontend assets into Wasm. **Frontend** canister is typically used as a general term to describe a project's frontend.
:::

Application frontends exist in the following forms:
Expand All @@ -33,7 +33,7 @@ When a canister is configured in a project's `dfx.json` file as `"type": "asset"

## Default settings

By default, all projects created with `dfx new` have the option to include a frontend canister in the project. This default frontend canister is written in Rust and uses one of the following frontend frameworks: SvelteKit, React, Vue, or Vanilla JS. The user can choose the framework through the `dfx new` interactive prompt in `dfx` versions 0.17.0 and newer.
By default, all projects created with `dfx new` have the option to include a frontend canister in the project. This default frontend canister is written in Rust and may use one of the following frontend frameworks: SvelteKit, React, Vue, or Vanilla JS. The user can choose the framework through the `dfx new` interactive prompt in `dfx` versions 0.17.0 and newer.

For asset canisters created by `dfx new`, the default configuration will include:

Expand Down Expand Up @@ -138,7 +138,3 @@ let path = HttpCertificationPath::wildcard("/js");
- [Vite + SvelteKit + Motoko](https://github.com/letmejustputthishere/vite-sveltekit-motoko-ii/tree/main) template example.

- Deploying an [existing Next.js application](./existing-frontend.mdx) as a frontend canister.

## Next steps

[Learn how to use and customize the default frontend canister](default-frontend.mdx).

0 comments on commit 9a997e4

Please sign in to comment.