⚡ Solana dApp UI Template

A modern UI boilerplate for Solana decentralized applications (dApps) built with React, TypeScript, TailwindCSS, and @solana/wallet-adapter.
This template provides wallet integration (Phantom, Solflare, etc.), developer tooling, and a production-ready setup for building scalable Web3 frontends on Solana.

---

🚀 Tech Stack

• create-react-app (v5.0.0)
• TypeScript (v^4.6.3)
• @solana/wallet-adapter for Solana wallet integration
• TailwindCSS for modern styling
• ESLint (eslint-config-google) for linting
• husky, lint-staged, and @commitlint for Git hooks & commit quality
• Storybook for UI component development

---

📚 References

• @solana/wallet-adapter
• @solana/wallet-adapter-example
• The Complete Guide to Full Stack Solana Development with React, Anchor, Rust, and Phantom

---

⚙️ Getting Started

Clone the repository and install dependencies:

yarn install

Run the project in development mode:

yarn start

Build for production:

yarn build

📝 TODOs

• Fix suppressed type errors currently handled with @ts-expect-error.

  • Reference: Solana web3 Program constructor is expecting a json as one of params

• Address state persistence across refreshes.

  • See: Naive Keypair persistence approach

• Update React entrypoint to use createRoot for React 18 compatibility.

  • Related warning: Warning: ReactDOM.render is no longer supported in React 18.

🎯 Purpose

This repository serves as a starter kit for Solana developers who want to:

• Quickly bootstrap a React + TypeScript Solana dApp

• Integrate Phantom, Solflare, and other wallets with ease

• Follow best practices in linting, commits, and component-driven development

📄 License

MIT — free to use, modify, and share.