Solana dApp クイックスタート | SLV - The Toolkit for Solana Devs

Code: https://github.com/ValidatorsDAO/slv/tree/main/frontend-template/solana-dapp

Features

Edge-Native
Static Site Generation
i18n Native
Next.js App Router
React Compiler (Always optimizes memoization for production)
Solana Wallet Connection
Solana Web3.js
Solana Blinks Actions Interface
Green Coding

Built with

Getting Started

First, run the development server:

bash
pnpm i
pnpm dev

Open http://localhost:4242 with your browser to see the result.

Solana RPC Endpoint

It's recommended to set your own Solana RPC endpoint, as the default mainnet endpoint is few times limited, which could lead to 429 errors (too many requests).

No worries, you can get free credit for a Solana RPC endpoint at ERPC - Enhanced Solana RPC.

ERPC: https://erpc.global

Setting Example (.env.local):

NEXT_PUBLIC_SOLANA_ENDPOINT=https://edge.erpc.global?api-key=<your-api-key>

GitHub Actions Deployment

If you're using GitHub Actions for auto-deployment, don't forget to set your repository secrets.

For example:

NEXT_PUBLIC_SOLANA_ENDPOINT: Your Solana RPC endpoint
CLOUDFLARE_API_TOKEN: Your Cloudflare API token
CLOUDFLARE_ACCOUNT_ID: Your Cloudflare account ID

Add Components

You can add the high-quality UI components from shadcn/ui

Also you can use Origin UI and Prism UI for more components.

You can also use v0 which is a UI generator with shadcn/ui from simple text prompts and images.

References

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/ValidatorsDAO/slv This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

License

The package is available as open source under the terms of the Apache-2.0 License.

Code of Conduct

Everyone interacting in the Skeet project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the code of conduct.