TalentLayer Documentation
  • 👋Introduction
    • Value Proposition
    • Options for Integration
      • On-Demand Integration
      • Native Integration
    • TalentLayer's Functions
      • PlatformID
        • Fees & Economics
      • TalentLayerID
      • Reviews
      • Services
      • Escrow and Dispute
        • Dispute Workflow
        • Arbitration
          • Kleros Arbitration
          • Platform Managed Arbitration
    • Current Network Liquidity
    • Decentralization
  • ⚙️Technical Guides
    • Web 3 SDK & API
    • StarterKit Template
    • Technical Schemas
    • Network Support
    • Lower-Level Guides
      • Smart Contracts
        • Deployments
        • TalentLayerPlatformID.sol
        • TalentLayerID.sol
        • TalentLayerService.sol
        • TalentLayerReview.sol
        • Escrow & Dispute Contracts
      • The Graph
        • Introduction
        • Querying from an application
        • Queries examples
        • Implementing the pagination
      • Metadata
      • Third-Party Modules
        • Lens Protocol - Social
        • XMTP - Messaging
        • Sismo - Privacy
        • Iexec - Web3Mail
      • Messaging
        • Integrating XMTP
      • Standards
        • ERC-792: Arbitration standard
        • ERC-1497: Evidence Standard
      • How-To Guides
        • How to implement minting TalentLayer IDs?
        • How to implement the service creation?
        • How to implement the proposal creation?
        • How to implement the proposal validation?
    • Delegation
      • Meta Transaction
      • Delegate System
        • Setting
        • User workflow
        • Service creation example
        • How mintForAddress works
  • ⭐Get a Platform ID
  • 🧠Inspiration for Builders
  • 💬Contact The Team
  • 🦝Core Developer Guides
    • Subgraph Local Setup
    • Smart Contracts Local Setup
    • Advanced Documentation
    • Contract & Graph Deployment Guide
    • TalentLayer Improvement Proposals
    • Audit Report
Powered by GitBook
On this page
  • Explore the DAPP
  • View on Github
  • Local Setup Instructions
  • 1. Clone Repository from GitHub
  • 2. Move to directory
  • 3. Setup .env File
  • 4. Install dependencies
  • 5. Run the dapp!

Was this helpful?

  1. Technical Guides

StarterKit Template

PreviousWeb 3 SDK & APINextTechnical Schemas

Last updated 1 year ago

Was this helpful?

"StarterKit" is an open-source fork-able mobile-first marketplace codebase that is a great starting point for teams building on TalentLayer.

StarterKit is...

  • a fully functioning freelance marketplace DAPP

  • build with React, Tailwind, WalletConnect, and TalentLayer API

  • 100% open-source

  • mobile-first, with PWA support

It's a good first step to set up a local version of StarterKit to...

  1. Get to know how frontends interface with TalentLayer

  2. Use it as a foundation for your next DAPP.

Explore the DAPP

We've hosted a version of StarterKit on Mumbai testnet for you to play around with! Have fun.

View on Github

Local Setup Instructions

1. Clone Repository from GitHub

git clone https://github.com/TalentLayer-Labs/starter-kit

2. Move to directory

cd starter-kit

3. Setup .env File

Setup your local environnement by copying the .env.example and adjust the variables.

Main variable to update:

Advanced configuration:

  • coming soon

4. Install dependencies

npm i

5. Run the dapp!

npm run dev

Get the NEXT_WALLECT_CONNECT_PROJECT_ID from

Get the NEXT_INFURA_ID and VITE_INFURA_SECRET at by creating a new project for IPFS.

Set NETWORK_ID to for now to the ID for Mumbai Testnet. Find the chainID on .

NEXT_PUBLIC_PLATFORM_ID: use 4, the default value, or to setup your custom fees and more:

⚙️
https://walletconnect.com/
https://www.infura.io/
Chainlist
create your own platform
StarterKitStarterKit
GitHub - TalentLayer-Labs/starter-kit: A Ready to Use NextJS dapp using TalentLayer & XMTP protocols.GitHub
Logo
Logo