Simple quickstart (#893)

Co-authored-by: Nicolas Villanueva <[email protected]>
matter-labs · Feb 2, 2024 · 769e18a · 769e18a
1 parent d9963b0
commit 769e18a
Show file tree

Hide file tree

Showing 14 changed files with 696 additions and 586 deletions.
diff --git a/cspell-zksync.txt b/cspell-zksync.txt
@@ -300,7 +300,8 @@ Zerion
 Maverik
 freezability
 predeloyed
+Aave
 
 // testing ci
 Omnibtc
-Owlto
+Owlto
diff --git a/docs/.vuepress/sidebar/en.ts b/docs/.vuepress/sidebar/en.ts
@@ -86,6 +86,10 @@ export const enSidebar = sidebar({
           text: "dApp Development",
           collapsible: true,
           children: [
+            {
+              text: "Quickstart Frontend with Paymaster",
+              link: "/build/tutorials/dapp-development/frontend-quickstart-paymaster.md",
+            },
             {
               text: "NFT Gated Paymaster",
               link: "/build/tutorials/dapp-development/gated-nft-paymaster-tutorial.md",

diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
@@ -513,6 +513,16 @@ $border-color: #e5e7eb;
         }
     }
 
+    .time-label-wrapper 
+    {
+        text-align: center;
+        font-size: 14px;
+        font-weight: 500;
+    }
+    .time-label-wrapper p{
+        margin: 0;
+    }
+
     .card-container {
         display: grid;
         grid-auto-columns: min-content;

diff --git a/docs/assets/images/quickstart-dai-fees.jpg b/docs/assets/images/quickstart-dai-fees.jpg
diff --git a/docs/assets/images/quickstart-hello-nofee.jpg b/docs/assets/images/quickstart-hello-nofee.jpg
diff --git a/docs/assets/images/quickstart-hello.jpg b/docs/assets/images/quickstart-hello.jpg
diff --git a/docs/assets/images/quickstart-tutorial-cli.gif b/docs/assets/images/quickstart-tutorial-cli.gif
diff --git a/docs/assets/images/start-1.png b/docs/assets/images/start-1.png
diff --git a/docs/assets/images/start-2.png b/docs/assets/images/start-2.png
diff --git a/docs/assets/images/start-6.jpeg b/docs/assets/images/start-6.jpeg
diff --git a/docs/build/developer-reference/account-abstraction.md b/docs/build/developer-reference/account-abstraction.md
@@ -314,7 +314,7 @@ To ensure users experience paymasters on testnet, as well as keep supporting pay
 
 The paymaster supports only the [approval based](#approval-based-paymaster-flow) paymaster flow and requires that the `token` param is equal to the token being swapped and `minAllowance` to equal to least `tx.maxFeePerGas * tx.gasLimit`. In addition, the testnet paymaster does not make use of the `_innerInput` parameter, so nothing should be provided (empty `bytes`).
 
-An example of how to use testnet paymaster can be seen in the [quickstart](../../build/quick-start/hello-world.md#paying-fees-using-testnet-paymaster) tutorial.
+An example of how to use testnet paymaster can be seen in the [frontend quickstart](../tutorials/dapp-development/frontend-quickstart-paymaster.md#pay-fees-with-erc20-tokens) tutorial.
 
 ## Signature validation