diff --git a/docs/architecture/tokens.md b/docs/architecture/tokens.md
index 5ba3e6f94..78235e5f8 100644
--- a/docs/architecture/tokens.md
+++ b/docs/architecture/tokens.md
@@ -21,7 +21,7 @@ One exception is tickets, which are directly stored and managed by smart contrac
To learn about tokens, see these tutorials:
- [Create an NFT](../tutorials/create-an-nft)
-- [Build your first app on Tezos](../tutorials/build-your-first-app)
+- [Build a simple web application](../tutorials/build-your-first-app)
## Fungible and non-fungible tokens
diff --git a/docs/dApps.mdx b/docs/dApps.mdx
index f8f808787..ded06035e 100644
--- a/docs/dApps.mdx
+++ b/docs/dApps.mdx
@@ -47,6 +47,6 @@ For information on typical tasks that dApps do, see:
These tutorials cover dApps of different complexities:
-- For a simple dApp, see [Build your first app on Tezos](./tutorials/build-your-first-app)
+- For a simple dApp, see [Build a simple web application](./tutorials/build-your-first-app)
- For a dApp that mints NFTs, see [Mint NFTs from a web app](./tutorials/create-an-nft/nft-web-app)
- For a large dApp that allows users to buy and sell NFTs, see [Build an NFT marketplace](./tutorials/build-an-nft-marketplace)
diff --git a/docs/dApps/sending-transactions.md b/docs/dApps/sending-transactions.md
index ce64a1615..fda2b0529 100644
--- a/docs/dApps/sending-transactions.md
+++ b/docs/dApps/sending-transactions.md
@@ -82,7 +82,7 @@ try {
}
```
-For examples of calling smart contracts, see tutorials such as [Build your first app on Tezos](../tutorials/build-your-first-app) or [Create a contract and web app that mints NFTs](../tutorials/create-an-nft/nft-taquito).
+For examples of calling smart contracts, see tutorials such as [Build a simple web application](../tutorials/build-your-first-app) or [Create a contract and web app that mints NFTs](../tutorials/create-an-nft/nft-taquito).
For more information about using Taquito, see [Smart contracts](https://tezostaquito.io/docs/smartcontracts) in the Taquito documentation.
diff --git a/docs/dApps/wallets.md b/docs/dApps/wallets.md
index 877f20c65..4c8ddbc05 100644
--- a/docs/dApps/wallets.md
+++ b/docs/dApps/wallets.md
@@ -29,7 +29,7 @@ The primary tools that dApps use to connect to wallets are:
## Beacon and Taquito
Most of the time, dApps use Beacon and Taquito together for a straightforward way to connect to wallets and submit transactions.
-For an example, see the tutorial [Build your first app on Tezos](../tutorials/build-your-first-app).
+For an example, see the tutorial [Build a simple web application](../tutorials/build-your-first-app).
### Connecting to wallets
@@ -49,7 +49,7 @@ const address = await wallet.getPKH();
When this code runs, Beacon opens a popup window that guides the user through connecting their wallet.
Then the application can send transactions to Tezos.
-See [Part 3: Sending transactions](../tutorials/build-your-first-app/sending-transactions) in the tutorial [Build your first app on Tezos](../tutorials/build-your-first-app).
+See [Part 3: Sending transactions](../tutorials/build-your-first-app/sending-transactions) in the tutorial [Build a simple web application](../tutorials/build-your-first-app).
### Reconnecting to wallets
diff --git a/docs/overview/quickstart.md b/docs/overview/quickstart.md
index 10bd53e33..c7aeb3743 100644
--- a/docs/overview/quickstart.md
+++ b/docs/overview/quickstart.md
@@ -3,4 +3,4 @@
Simple page to provide links to tutorials and what you learn from each one.
- To learn about smart contracts, go to 'Deploy your first smart contract'
-- To learn about dApps, go to 'Build your first app on Tezos'
\ No newline at end of file
+- To learn about dApps, go to 'Build a simple web application'
\ No newline at end of file
diff --git a/docs/tutorials.mdx b/docs/tutorials.mdx
index 391d61525..16bfc8711 100644
--- a/docs/tutorials.mdx
+++ b/docs/tutorials.mdx
@@ -54,7 +54,7 @@ These tutorials contain multiple parts and are intended for developers with some
/>
Beginner',
+ className: 'menu__divider',
+ },
{
type: 'category',
- label: 'Tutorials',
+ label: 'Deploy a smart contract',
link: {
type: 'doc',
- id: 'tutorials',
+ id: 'tutorials/smart-contract',
},
items: [
- {
- type: 'category',
- label: 'Deploy a smart contract',
- link: {
- type: 'doc',
- id: 'tutorials/smart-contract',
- },
- items: [
- 'tutorials/smart-contract/jsligo',
- 'tutorials/smart-contract/cameligo',
- 'tutorials/smart-contract/smartpy',
- 'tutorials/smart-contract/archetype',
- ],
- },
- {
- type: 'category',
- label: 'Create an NFT',
- link: {
- type: 'doc',
- id: 'tutorials/create-an-nft',
- },
- items: [
- 'tutorials/create-an-nft/nft-tznft',
- 'tutorials/create-an-nft/nft-taquito',
- {
- type: 'category',
- label: 'Mint NFTs from a web app',
- link: {
- type: 'doc',
- id: 'tutorials/create-an-nft/nft-web-app',
- },
- items: [
- 'tutorials/create-an-nft/nft-web-app/setting-up-app',
- 'tutorials/create-an-nft/nft-web-app/defining-functions',
- 'tutorials/create-an-nft/nft-web-app/lets-play',
- ],
- },
- ],
- },
- {
- type: 'category',
- label: 'Build your first app',
- link: {
- type: 'doc',
- id: 'tutorials/build-your-first-app',
- },
- items: [
- 'tutorials/build-your-first-app/setting-up-app',
- 'tutorials/build-your-first-app/wallets-tokens',
- 'tutorials/build-your-first-app/sending-transactions',
- 'tutorials/build-your-first-app/getting-information',
- ],
- },
-
- {
- type: 'category',
- label: 'Start with a minimum dApp and add new features',
- link: {
- type: 'doc',
- id: 'tutorials/dapp',
- },
- items: [
- 'tutorials/dapp/part-1',
- 'tutorials/dapp/part-2',
- 'tutorials/dapp/part-3',
- 'tutorials/dapp/part-4',
- ],
- },
-
- {
- type: 'category',
- label: 'Deploy a smart rollup',
- link: {
- type: 'doc',
- id: 'tutorials/smart-rollup',
- },
- items: [
- 'tutorials/smart-rollup/set-up',
- 'tutorials/smart-rollup/debug',
- 'tutorials/smart-rollup/optimize',
- 'tutorials/smart-rollup/deploy',
- 'tutorials/smart-rollup/run',
- ],
- },
- {
- type: 'category',
- label: 'Implement a file archive with the DAL',
- link: {
- type: 'doc',
- id: 'tutorials/build-files-archive-with-dal',
- },
- items: [
- 'tutorials/build-files-archive-with-dal/get-dal-params',
- 'tutorials/build-files-archive-with-dal/get-slot-info',
- 'tutorials/build-files-archive-with-dal/publishing-on-the-dal',
- 'tutorials/build-files-archive-with-dal/using-full-slot',
- ],
- },
- {
- type: 'category',
- label: 'Join the DAL as a Weeklynet baker',
- link: {
- type: 'doc',
- id: 'tutorials/join-dal-baker',
- },
- items: [
- 'tutorials/join-dal-baker/get-octez',
- 'tutorials/join-dal-baker/run-node',
- 'tutorials/join-dal-baker/prepare-account',
- 'tutorials/join-dal-baker/run-dal-node',
- 'tutorials/join-dal-baker/run-baker',
- 'tutorials/join-dal-baker/conclusion',
- ],
- },
- {
- type: 'category',
- label: 'Build an NFT marketplace',
- link: {
- type: 'doc',
- id: 'tutorials/build-an-nft-marketplace',
- },
- items: [
- 'tutorials/build-an-nft-marketplace/part-1',
- 'tutorials/build-an-nft-marketplace/part-2',
- 'tutorials/build-an-nft-marketplace/part-3',
- 'tutorials/build-an-nft-marketplace/part-4',
- ],
- },
- {
- type: 'category',
- label: 'Create a mobile game',
- link: {
- type: 'doc',
- id: 'tutorials/mobile',
- },
- items: [
- 'tutorials/mobile/part-1',
- 'tutorials/mobile/part-2',
- 'tutorials/mobile/part-3',
- 'tutorials/mobile/part-4',
- ],
- },
+ 'tutorials/smart-contract/jsligo',
+ 'tutorials/smart-contract/cameligo',
+ 'tutorials/smart-contract/smartpy',
+ 'tutorials/smart-contract/archetype',
+ ],
+ },
+ {
+ type: 'category',
+ label: 'Mint NFTs from a web app',
+ link: {
+ type: 'doc',
+ id: 'tutorials/create-an-nft/nft-web-app',
+ },
+ items: [
+ 'tutorials/create-an-nft/nft-web-app/setting-up-app',
+ 'tutorials/create-an-nft/nft-web-app/defining-functions',
+ 'tutorials/create-an-nft/nft-web-app/lets-play',
+ ],
+ },
+ {
+ type: 'category',
+ label: 'Start with a minimum dApp and add new features',
+ link: {
+ type: 'doc',
+ id: 'tutorials/dapp',
+ },
+ items: [
+ 'tutorials/dapp/part-1',
+ 'tutorials/dapp/part-2',
+ 'tutorials/dapp/part-3',
+ 'tutorials/dapp/part-4',
+ ],
+ },
+ {
+ type: 'html',
+ value: 'Intermediate
',
+ className: 'menu__divider',
+ },
+ {
+ type: 'category',
+ label: 'Build a simple web application',
+ link: {
+ type: 'doc',
+ id: 'tutorials/build-your-first-app',
+ },
+ items: [
+ 'tutorials/build-your-first-app/setting-up-app',
+ 'tutorials/build-your-first-app/wallets-tokens',
+ 'tutorials/build-your-first-app/sending-transactions',
+ 'tutorials/build-your-first-app/getting-information',
+ ],
+ },
+ 'tutorials/create-an-nft/nft-taquito',
+ 'tutorials/create-an-nft/nft-tznft',
+ {
+ type: 'html',
+ value: 'Advanced
',
+ className: 'menu__divider',
+ },
+ {
+ type: 'category',
+ label: 'Deploy a Smart Rollup',
+ link: {
+ type: 'doc',
+ id: 'tutorials/smart-rollup',
+ },
+ items: [
+ 'tutorials/smart-rollup/set-up',
+ 'tutorials/smart-rollup/debug',
+ 'tutorials/smart-rollup/optimize',
+ 'tutorials/smart-rollup/deploy',
+ 'tutorials/smart-rollup/run',
+ ],
+ },
+ {
+ type: 'category',
+ label: 'Build an NFT marketplace',
+ link: {
+ type: 'doc',
+ id: 'tutorials/build-an-nft-marketplace',
+ },
+ items: [
+ 'tutorials/build-an-nft-marketplace/part-1',
+ 'tutorials/build-an-nft-marketplace/part-2',
+ 'tutorials/build-an-nft-marketplace/part-3',
+ 'tutorials/build-an-nft-marketplace/part-4',
+ ],
+ },
+ {
+ type: 'category',
+ label: 'Create a mobile game',
+ link: {
+ type: 'doc',
+ id: 'tutorials/mobile',
+ },
+ items: [
+ 'tutorials/mobile/part-1',
+ 'tutorials/mobile/part-2',
+ 'tutorials/mobile/part-3',
+ 'tutorials/mobile/part-4',
+ ],
+ },
+ {
+ type: 'category',
+ label: 'Implement a file archive with the DAL',
+ link: {
+ type: 'doc',
+ id: 'tutorials/build-files-archive-with-dal',
+ },
+ items: [
+ 'tutorials/build-files-archive-with-dal/get-dal-params',
+ 'tutorials/build-files-archive-with-dal/get-slot-info',
+ 'tutorials/build-files-archive-with-dal/publishing-on-the-dal',
+ 'tutorials/build-files-archive-with-dal/using-full-slot',
+ ],
+ },
+ {
+ type: 'category',
+ label: 'Join the DAL as a Weeklynet baker',
+ link: {
+ type: 'doc',
+ id: 'tutorials/join-dal-baker',
+ },
+ items: [
+ 'tutorials/join-dal-baker/get-octez',
+ 'tutorials/join-dal-baker/run-node',
+ 'tutorials/join-dal-baker/prepare-account',
+ 'tutorials/join-dal-baker/run-dal-node',
+ 'tutorials/join-dal-baker/run-baker',
+ 'tutorials/join-dal-baker/conclusion',
],
},
],
diff --git a/src/css/custom.css b/src/css/custom.css
index 2423fd415..9426cf4df 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -148,6 +148,18 @@ nav.navbar {
color: #0D61FF;
}
+/* Headings for tutorials sidebar */
+.menu__divider {
+ font-family: 'GT Eesti Display', sans-serif;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 26px;
+ color: #4A4E52;
+ transition: color 0.3s;
+ padding-left: var(--ifm-menu-link-padding-horizontal);
+ padding-top: 30px;
+}
+
/* breadcrumbs menu */
.breadcrumbs__item--active .breadcrumbs__link {
color: #0D61FF;