create solana dapp

Créer-Solana-Dapp

⚡ Remuez en marche rapidement avec Solana Dapps ⚡

Exécutez simplement une commande simple pour générer un nouveau projet!

npx create-solana-dapp@latest

Modèles

Les modèles sont pris en charge dans create-solana-dapp :

• Next.js
  • Next.js + Tailwind CSS (pas d'ancre)
  • Next.js + Tailwind CSS + Anchor Exemple de base
  • Next.js + Tailwind CSS + Orche
• Réagir avec Vite
  • Réagir avec Vite + Tailwind CSS (pas d'ancre)
  • Réagir avec Vite + Tailwind CSS + Anchor Exemple de base
  • Réagir avec Vite + Tailwind CSS + Orche

Modèles externes

Vous pouvez également utiliser create-solana-dapp pour créer des projets à l'aide de modèles externes:

L'indicateur --template (ou -t ) prend en charge tout ce que Giget prend en charge

pnpx create-solana-dapp --template < github-org > / < github-repo > 

Script init

Les auteurs de modèles peuvent ajouter un script init au fichier package.json pour aider à configurer le projet.

Utilisez ce script pour retourner les instructions à l'utilisateur, vérifiez les versions anchor et solana et remplacez le texte et les fichiers du projet.

 {
  "name" : "your-template" ,
  "create-solana-dapp" : {
    // These instructions will be returned to the user after installation
    "instructions" : [
      "Run Anchor commands:" ,
      // Adding a '+' will make the line bold and '{pm}' is replaced with the package manager
      "+{pm} run anchor build | test | localnet | deploy" ,
    ] ,
    // Rename is a map of terms to rename
    "rename" : {
      // Rename every instance of counter
      "counter" : {
        // With the name of the project
        "to" : "{{name}}" ,
        // In the following paths
        "paths" : [ "anchor" , "src" ] ,
      } ,
    } ,
    // Check versions and give a warning if it's not installed or the version is lower
    "versions" : {
      "anchor" : "0.30.1" ,
      "solana" : "1.18.0" ,
    } ,
  } ,
}

Cadres prévus pour prendre en charge

Les cadres d'interface utilisateur suivants sont prévus et devraient être pris en charge à l'avenir:

• Vuejs
• Svelte
• React natif

Frameworks de programme en chaîne pris en charge

Les cadres de programmes sur chaîne suivants (AKA Smart Contracts) sont pris en charge dans create-solana-dapp :

• Ancre

Contributif

Les contributions sont les bienvenues! Veuillez consulter contribution.md pour plus d'informations.

Développement local

[! Astuce] Ce projet utilise PNPM comme gestionnaire de packages. Si vous ne l'avez pas, vous pouvez l'installer en utilisant corepack :

corepack enable
corepack prepare pnpm@9 --activate

Pour installer le projet localement, exécutez les commandes suivantes:

git clone https://github.com/solana-developers/create-solana-dapp.git
cd create-solana-dapp
pnpm install
pnpm build

Detailed instructions on the local development workflow are outlined in the
[Development Workflow](./CONTRIBUTING.md#development-workflow) section of the CONTRIBUTING guidelines.