{"id":13455548,"url":"https://github.com/solana-labs/dapp-scaffold","last_synced_at":"2025-09-16T23:31:47.218Z","repository":{"id":37051962,"uuid":"339436799","full_name":"solana-labs/dapp-scaffold","owner":"solana-labs","description":"Scaffolding for a dapp built on Solana","archived":false,"fork":false,"pushed_at":"2024-04-07T09:04:32.000Z","size":3752,"stargazers_count":1792,"open_issues_count":21,"forks_count":1014,"subscribers_count":54,"default_branch":"main","last_synced_at":"2025-01-03T05:09:27.896Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/solana-labs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2021-02-16T15:08:43.000Z","updated_at":"2025-01-02T22:26:06.000Z","dependencies_parsed_at":"2023-02-16T17:00:52.804Z","dependency_job_id":"b46b2f2c-e14e-4549-b50b-da808f61a8cc","html_url":"https://github.com/solana-labs/dapp-scaffold","commit_stats":{"total_commits":100,"total_committers":27,"mean_commits":"3.7037037037037037","dds":0.78,"last_synced_commit":"48144509c643748c50fcabfaced48487ccb96b8d"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solana-labs%2Fdapp-scaffold","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solana-labs%2Fdapp-scaffold/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solana-labs%2Fdapp-scaffold/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solana-labs%2Fdapp-scaffold/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/solana-labs","download_url":"https://codeload.github.com/solana-labs/dapp-scaffold/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233303570,"owners_count":18655759,"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":[],"created_at":"2024-07-31T08:01:07.081Z","updated_at":"2025-09-16T23:31:41.777Z","avatar_url":"https://github.com/solana-labs.png","language":"TypeScript","funding_links":[],"categories":["Smart Contract Platforms","🙏 Community-built Tools","Project Starter","TypeScript","Development Tools and Libraries"],"sub_categories":["Dapp Boilerplates","Development Tools"],"readme":"\n# Solana dApp Scaffold Next\n\nThe Solana dApp Scaffold repos are meant to house good starting scaffolds for ecosystem developers to get up and running quickly with a front end client UI that integrates several common features found in dApps with some basic usage examples. Wallet Integration. State management. Components examples. Notifications. Setup recommendations.\n\nResponsive                     |  Desktop\n:-------------------------:|:-------------------------:\n![](scaffold-mobile.png)  |  ![](scaffold-desktop.png)\n\n## Getting Started\n\nThis is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\nThe responsive version for wallets and wallet adapter may not function or work as expected for mobile based on plugin and wallet compatibility. For more code examples and implementations please visit the [Solana Cookbook](https://solanacookbook.com/)\n\n## Installation\n\n```bash\nnpm install\n# or\nyarn install\n```\n\n## Build and Run\n\nNext, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.\n\n[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.\n\nThe `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.\n\n## Features\n\nEach Scaffold will contain at least the following features:\n\n```\nWallet Integration with Auto Connec / Refresh\n\nState Management\n\nComponents: One or more components demonstrating state management\n\nWeb3 Js: Examples of one or more uses of web3 js including a transaction with a connection provider\n\nSample navigation and page changing to demonstate state\n\nClean Simple Styling \n\nNotifications (optional): Example of using a notification system\n\n```\n\nA Solana Components Repo will be released in the near future to house a common components library.\n\n\n### Structure\n\nThe scaffold project structure may vary based on the front end framework being utilized. The below is an example structure for the Next js Scaffold.\n \n```\n├── public : publically hosted files\n├── src : primary code folders and files \n│   ├── components : should house anything considered a resuable UI component\n│   ├── contexts` : any context considered reusable and useuful to many compoennts that can be passed down through a component tree\n│   ├── hooks` : any functions that let you 'hook' into react state or lifecycle features from function components\n│   ├── models` : any data structure that may be reused throughout the project\n│   ├── pages` : the pages that host meta data and the intended `View` for the page\n│   ├── stores` : stores used in state management\n│   ├── styles` : contain any global and reusable styles\n│   ├── utils` : any other functionality considered reusable code that can be referenced\n│   ├── views` : contains the actual views of the project that include the main content and components within\nstyle, package, configuration, and other project files\n\n```\n\n## Contributing\n\nAnyone is welcome to create an issue to build, discuss or request a new feature or update to the existing code base. Please keep in mind the following when submitting an issue. We consider merging high value features that may be utilized by the majority of scaffold users. If this is not a common feature or fix, consider adding it to the component library or cookbook. Please refer to the project's architecture and style when contributing. \n\nIf submitting a feature, please reference the project structure shown above and try to follow the overall architecture and style presented in the existing scaffold.\n\n### Committing\n\nTo choose a task or make your own, do the following:\n\n1. [Add an issue](https://github.com/solana-dev-adv/solana-dapp-next/issues/new) for the task and assign it to yourself or comment on the issue\n2. Make a draft PR referencing the issue.\n\nThe general flow for making a contribution:\n\n1. Fork the repo on GitHub\n2. Clone the project to your own machine\n3. Commit changes to your own branch\n4. Push your work back up to your fork\n5. Submit a Pull request so that we can review your changes\n\n**NOTE**: Be sure to merge the latest from \"upstream\" before making a \npull request!\n\nYou can find tasks on the [project board](https://github.com/solana-dev-adv/solana-dapp-next/projects/1) \nor create an issue and assign it to yourself.\n\n\n## Learn More Next Js\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!\n\n## Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsolana-labs%2Fdapp-scaffold","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsolana-labs%2Fdapp-scaffold","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsolana-labs%2Fdapp-scaffold/lists"}