Skip to content

Commit

Permalink
Add part 2 quickstart guide: create an app (#896)
Browse files Browse the repository at this point in the history
* Add backend quickstart guide

* Feedback and adjustments

* Adjustments for clarity

* Filename changes etc.

* Fix Infura docs link

* Amend paths

* Hide part 2, other minor changes

* Fix Cookbook images

* Add part 2

* Fix deploy.mdx anchors

* Some fixes

* Expand intro and add estimated time

* Adjust quickstart sidebar link

* Update titles and descriptions

* Add Vercel deployment details

* Adjust description

* Adjust wording

* Address suggestions
  • Loading branch information
jlwllmr authored Dec 13, 2024
1 parent ebf4a42 commit 4181221
Show file tree
Hide file tree
Showing 8 changed files with 498 additions and 14 deletions.
471 changes: 468 additions & 3 deletions docs/get-started/build/quickstart/app.mdx

Large diffs are not rendered by default.

26 changes: 22 additions & 4 deletions docs/get-started/build/quickstart/deploy.mdx
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Contract deployment
title: Deploy your contract
description: Create a new project and deploy and verify your contracts using Foundry
sidebar_position: 1
pagination_next: get-started/build/quickstart/app
Expand All @@ -11,8 +11,8 @@ Building apps on Linea needn't be complicated. In this guide, we'll walk you thr
[Foundry](https://book.getfoundry.sh/) to create a new project from scratch.

This involves:
1. [Creating a project](#create-a-project)
2. [Deploying](#deploy-a-contract) and then [verifying](#verify-a-contract) your contract.
1. [Creating a project](#create-your-project)
2. [Deploying](#deploy-your-contract) and then [verifying](#verify-your-contract) your contract.

> _Estimated time to complete: ~20 minutes._
Expand Down Expand Up @@ -197,7 +197,9 @@ Transaction hash: 0x ... // The deployment transaction itself
You can copy each of these addresses and head to the [block explorer](https://sepolia.lineascan.build/)
to see the deployed contract.

Make sure to copy the `Deployed to` address, as you'll need it to verify the contract.
Make sure to copy the `Deployed to` address, as you'll need it to verify the contract. It'll also
be useful in part two of this quickstart, where we'll need it to interact with the contract in our
app.

## Verify your contract

Expand Down Expand Up @@ -251,3 +253,19 @@ forge create --rpc-url https://rpc.sepolia.linea.build --account test-account --

Now you've successfully deployed and verified your contract! It's recorded on the blockchain and
ready to receive calls from your app.

## Next steps

Proceed to [part two](./app.mdx) of this quickstart, where we'll build a simple web app for
interacting with the counter contract.

## Help and resources

If you get stuck at any point in this guide, head to our [Discord](https://discord.gg/linea) and
visit the `#developer-chat` channel.

- [Foundry documentation](https://book.getfoundry.sh/)
- [Foundry CLI](https://book.getfoundry.sh/forge/)
- [Foundry Cast](https://book.getfoundry.sh/cast/)
- [Linea Sepolia block explorer](https://sepolia.lineascan.build/)
- [Node providers](../../tooling/node-providers/index.mdx)
14 changes: 7 additions & 7 deletions docs/get-started/tooling/contracts-templates/cookbook.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ explore protocols on Linea, or search for specific smart contracts in the search
<div class="center-container">
<div class="img-large">
<img
src="/img/developers/quickstart/deploy_smart_contract/cookbook/Linea_deploy_smart_contract_Cookbook_1.png"
src="/img/get_started/how_to/deploy_smart_contract/cookbook/Linea_deploy_smart_contract_Cookbook_1.png"
alt="Cookbook Search"
/>
</div>
Expand All @@ -29,7 +29,7 @@ questions about Linea, Solidity, or your smart contract.
<div class="center-container">
<div class="img-large">
<img
src="/img/developers/quickstart/deploy_smart_contract/cookbook/Linea_deploy_smart_contract_Cookbook_2.png"
src="/img/get_started/how_to/deploy_smart_contract/cookbook/Linea_deploy_smart_contract_Cookbook_2.png"
alt="Cookbook Analyze Code Snippet"
/>
</div>
Expand All @@ -43,7 +43,7 @@ any smart contract address into the Cookbook search bar.
<div class="center-container">
<div class="img-large">
<img
src="/img/developers/quickstart/deploy_smart_contract/cookbook/Linea_deploy_smart_contract_Cookbook_3.png"
src="/img/get_started/how_to/deploy_smart_contract/cookbook/Linea_deploy_smart_contract_Cookbook_3.png"
alt="Cookbook Import Contract"
/>
</div>
Expand All @@ -59,7 +59,7 @@ Remix Homepage.
<div class="center-container">
<div class="img-medium">
<img
src="/img/developers/quickstart/deploy_smart_contract/cookbook/Linea_deploy_smart_contract_Cookbook_8.png"
src="/img/get_started/how_to/deploy_smart_contract/cookbook/Linea_deploy_smart_contract_Cookbook_8.png"
alt="Cookbook Remix Featured Plugin"
/>
</div>
Expand All @@ -70,7 +70,7 @@ Alternatively, search Cookbook and select "Activate" in the Remix Plugin Manager
<div class="center-container">
<div class="img-small">
<img
src="/img/developers/quickstart/deploy_smart_contract/cookbook/Linea_deploy_smart_contract_Cookbook_9.png"
src="/img/get_started/how_to/deploy_smart_contract/cookbook/Linea_deploy_smart_contract_Cookbook_9.png"
alt="Cookbook Remix Add Plugin"
/>
</div>
Expand All @@ -79,13 +79,13 @@ Alternatively, search Cookbook and select "Activate" in the Remix Plugin Manager
Search for any protocol or smart contract and click the search result to import the smart contract
code into Remix.

Cookbook's AI solidity co-pilot, ChefGPT, is available within the Remix plugin to answer questions
Cookbook's AI Solidity co-pilot, ChefGPT, is available within the Remix plugin to answer questions
about Linea, Solidity, or the smart contract you're working with.

<div class="center-container">
<div class="img-small">
<img
src="/img/developers/quickstart/deploy_smart_contract/cookbook/Linea_deploy_smart_contract_Cookbook_10.png"
src="/img/get_started/how_to/deploy_smart_contract/cookbook/Linea_deploy_smart_contract_Cookbook_10.png"
alt="Cookbook Remix Search"
/>
</div>
Expand Down
1 change: 1 addition & 0 deletions sidebars.js
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ const sidebars = {
{
type: "category",
label: "Quickstart",
collapsible: false,
link: {
type: "doc",
id: "get-started/build/quickstart/deploy",
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 4181221

Please sign in to comment.