{"id":17587085,"url":"https://github.com/edakturk14/fuel-dapp-template","last_synced_at":"2025-08-01T23:39:38.089Z","repository":{"id":75170683,"uuid":"572045378","full_name":"edakturk14/fuel-dapp-template","owner":"edakturk14","description":"Get started building decentralized applications on Fuel ⛽️🌴","archived":false,"fork":false,"pushed_at":"2023-04-11T07:20:44.000Z","size":1056,"stargazers_count":21,"open_issues_count":0,"forks_count":4,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-29T22:49:48.353Z","etag":null,"topics":["ethereum","fuel","nextjs","rust","smart-contracts","sway","typescript"],"latest_commit_sha":null,"homepage":"https://fuel-dapp-template-nextjs.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/edakturk14.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-11-29T12:47:26.000Z","updated_at":"2024-12-24T16:09:14.000Z","dependencies_parsed_at":"2024-10-23T00:36:50.775Z","dependency_job_id":null,"html_url":"https://github.com/edakturk14/fuel-dapp-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/edakturk14/fuel-dapp-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edakturk14%2Ffuel-dapp-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edakturk14%2Ffuel-dapp-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edakturk14%2Ffuel-dapp-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edakturk14%2Ffuel-dapp-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/edakturk14","download_url":"https://codeload.github.com/edakturk14/fuel-dapp-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edakturk14%2Ffuel-dapp-template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260816150,"owners_count":23067238,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ethereum","fuel","nextjs","rust","smart-contracts","sway","typescript"],"created_at":"2024-10-22T03:43:20.835Z","updated_at":"2025-06-19T19:33:45.685Z","avatar_url":"https://github.com/edakturk14.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fuel dApp Template ⛽🌴\n\nThe Fuel dApp Template is a developer-friendly starter kit for quickly building decentralized applications on the Fuel network! This template is built using NextJS, TypeScript, Tailwind CSS, Forc and Sway.\n\n- Out-of-the-box local toolchain \u0026 wallet setup\n- Easily deploy your smart contract in Sway to your local toolchain or the Fuel Beta-3 testnet\n- Customizable frontend built using Tailwind CSS\n\n[📹 Demo](https://www.youtube.com/watch?v=XwaAJEnnVcE\u0026ab_channel=edatweets)\n[📜 Blog Post](https://eda.hashnode.dev/building-decentralized-applications-on-fuel)\n\n\u003cimg width=\"1398\" alt=\"Screen Shot 2023-04-07 at 16 56 48\" src=\"https://user-images.githubusercontent.com/22100698/230620996-9264f3d4-7e89-45ec-a3b3-8f05443982ba.png\"\u003e\n\n## Contents\n\n- [Requirements](#requirements)\n- [Quickstart](#Quickstart)\n  * [Installation](#Installation)\n  * [Getting started](#Getting-started)\n  * [Local Deployments](#Local-Deployments)\n  * [Testnet Deployments](#Testnet-Deployments)\n- [Modular Blockchains \u0026 Fuel](#Modular-Blockchains-\u0026-Fuel)\n  * [Modular Blockchains](#Modular-Blockchains)\n  * [Fuel](#Fuel)\n- [Contributing](#Contributing)\n\n## Requirements\n\nBefore using the Fuel dApp Template, ensure you have the following installed on your system:\n\n- [Node.js](https://nodejs.org/en/) v16.15.0 or newer\n- [Yarn](https://www.npmjs.com/package/yarn)\n- [Git](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git)\n- Rust, Cargo and Forc (explained in the installation section)\n\n## QuickStart\n\n### Installation\n\nTo install the template, follow these steps:\n\n1. Install the **Rust toolchain** by following the steps [here](https://fuellabs.github.io/sway/v0.24.3/introduction/installation.html#dependencies). Rust is used to build the Sway smart contracts used in the Fuel dApp template.\n\n2. The **Fuel toolchain** is required to compile Sway contracts \u0026 run them on the FuelVM. Install the Fuel toolchain by the command below; you can also find the steps [here](https://github.com/FuelLabs/fuelup)\n\n```sh\ncurl --proto '=https' --tlsv1.2 -sSf https://install.fuel.network/fuelup-init.sh | sh\n```\n\n3. Install the beta-3 network toolchain to test and deploy smart contracts using the following command:\n    `fuelup toolchain install beta-3`\n\n4. Install the Fuel Browser Wallet by following the steps [here](https://wallet.fuel.network/docs/install/).\n\n### Getting Started\n\nClone this repo and install dependencies:\n```\ngit clone https://github.com/edakturk14/fuel-starter-kit.git\ncd fuel-starter-kit\nyarn install\n```\n\n### Local Deployments\n\nTo deploy the template locally, follow these steps:\n\n1. Start the Fuel chain locally\n```\nyarn fuel:chain\n```\n\n2. Deploy the example contract locally by running the following command:\n```\nyarn fuel:deploy:local\n```\nThis will deploy an example smart contract to your local Fuel chain. Take note of the contract ID displayed in the terminal to use in later steps.\n\n3. Update the Contract ID on `.env.development` in the NextJS folder. This is necessary so that the frontend can communicate with the deployed smart contract.\n```\n# The target contract you want to interact with\nNEXT_PUBLIC_CONTRACT_ID=\u003cYOUR_CONTRACT_ID\u003e\n```\n\n4. Start your app and visit http://localhost:3000\n```\nyarn next:start\n```\n\n5. To interact with the smart contract, you need to add the local network to your Fuel Browser Wallet. Open your Fuel Browser Wallet extension and click \"Add new network.\" Input a name and the URL: `http://127.0.0.1:4000/graphql`.\n\n6. Get one of the Accounts private keys that were displayed when you started your localtoolchain, these accounts have the local funds by default. On your Fuel Wallet navigate to Accounts and then click \"Add from private key.\"\n\nIf all goes well you should be able to connect your wallet to website, have a wallet with testnet funds and you can start incrementing the counter.\n\n### Testnet Deployments\n\nTo deploy the template to the Fuel Beta-3 testnet, follow these steps:\n\n1. For a testnet deployment, you'll need a tesnet account. To generate a testnet wallet, follow the steps [here](https://fuellabs.github.io/fuel-docs/master/developer-quickstart.html#deploy-the-contract)\n\n2. Deploy the example contract to the Fuel Beta-3 testnet\n```\nyarn fuel:deploy:testnet\n```\n\nThis will deploy the example smart contract to the Beta-3 network. The command will prompt you to sign the transaction, which you can do using Forc.\n\nTo get a signature, open a another terminal and use the following command to generate a signature:\n\n```\nforc-wallet account \u003caccount_index\u003e sign tx-id \u003ctransaction_id\u003e\n```\n\nCopy the signature from the previous terminal and paste it into your current terminal window. Then, press enter to execute the signature.\n\nIf everything goes well, the contract will be deployed to the testnet, and you'll see the contract ID and block number displayed on the terminal.\n\n3. Update `.env.development` in the nextjs folder.\n  - NEXT_PUBLIC_NETWORK=testnet\n  - NEXT_PUBLIC_WALLET_SECRET (you can use the same account used for the deployment. Get the secret with `forc wallet export --account-index 0`)\n  - NEXT_PUBLIC_CONTRACT_ID (you will need to add `0x` in the beginning of the contract-id)\n\n4. Start your app \u0026 visit http://localhost:3000\n```\nyarn next:start\n```\n\n5.  Connect your Fuel Browser wallet to the Beta-3 Network and get some Testnet tokens from [the faucet](https://faucet-beta-3.fuel.network/). To ensure that your wallet is connected to the Beta-3 Network you can check the network settings, the URL should be: `https://beta-3.fuel.network/graphql`\n\nReady to use! Go ahead and make a transaction to increment counter.\n\n## Modular Blockchains \u0026 Fuel\n\nYou can checkout this [blog post](https://eda.hashnode.dev/modular-blockchains-getting-started-with-fuel) for an intro to Modular Blockchains and Getting started w/Fuel.\n\n### Modular Blockchains\n\nModular blockchains feature an architecture that separates the blockchain into smaller, specialized modules. This approach allows developers to create customizable, scalable, and flexible blockchain systems by combining modules in various configurations, much like building with Lego blocks. With distinct layers, modular blockchains offer improved scalability and flexibility. Each module's resources are optimized for specific operations, enhancing efficiency and scalability.\n\n### Fuel\n\nFuel is building fastest Execution Layer for the modular blockchain architecture.\n\nFuel also offers a comprehensive suite of developer tools and resources, focused on providing the best possible developer experience, including the Sway the programming language and Fuel orchestrator (Forc) which is the toolchain.\n\nFuel offers several key features that set it apart from other blockchain platforms. One of its standout features is its own Virtual Machine, the FuelVM, which is designed to address the limitations of the EVM. Additionally, Fuel's UTXO model enables parallel transaction execution, allowing it to execute multiple threads simultaneously. Finally, Fuel's modular execution layer provides the flexibility to be deployed in a variety of settings, allowing developers to choose the data availability that best suits their use case.\n\n## Contributing\n\nWe welcome contributions to Fuel dApp Template ⛽🌴!\n\nPlease see [CONTRIBUTING.MD](https://github.com/edakturk14/fuel-dapp-template/blob/main/CONTRIBUTING.md) for more information and guidelines for contributing to Fuel dApp Template.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedakturk14%2Ffuel-dapp-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fedakturk14%2Ffuel-dapp-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedakturk14%2Ffuel-dapp-template/lists"}