{"id":31730761,"url":"https://github.com/devbambino/cdp-walls","last_synced_at":"2025-10-30T22:34:41.896Z","repository":{"id":318335673,"uuid":"1070853577","full_name":"devbambino/cdp-walls","owner":"devbambino","description":null,"archived":false,"fork":false,"pushed_at":"2025-10-06T14:39:44.000Z","size":79,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-06T16:29:36.728Z","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":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devbambino.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-06T14:21:41.000Z","updated_at":"2025-10-06T14:39:48.000Z","dependencies_parsed_at":null,"dependency_job_id":"9cd0fbeb-5f8c-4613-adb5-4108ac70dedb","html_url":"https://github.com/devbambino/cdp-walls","commit_stats":null,"previous_names":["devbambino/cdp-walls"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/devbambino/cdp-walls","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbambino%2Fcdp-walls","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbambino%2Fcdp-walls/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbambino%2Fcdp-walls/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbambino%2Fcdp-walls/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devbambino","download_url":"https://codeload.github.com/devbambino/cdp-walls/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbambino%2Fcdp-walls/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281896552,"owners_count":26580135,"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","status":"online","status_checked_at":"2025-10-30T02:00:06.501Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":"2025-10-09T07:40:16.440Z","updated_at":"2025-10-30T22:34:41.855Z","avatar_url":"https://github.com/devbambino.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CDP React App\n\nThis project was generated with [`@coinbase/create-cdp-app`](https://coinbase.github.io/cdp-web/modules/_coinbase_create-cdp-app.html) using the Next.js template.\n\n## Project Structure\n\n```\nsrc/\n├── app/                  # Next.js App Router directory\n│   ├── api/              # API endpoints\n│   │   └── onramp/       # Onramp-related endpoints\n│   │       ├── buy-quote/       # Buy quote generation endpoint for exchange rate and purchase URL\n│   │       └── buy-options/     # Available crypto assets and payment currencies\n│   ├── favicon.ico      # Application favicon\n│   ├── globals.css      # Global styles and theme variables\n│   ├── layout.tsx       # Root layout with providers and global UI\n│   └── page.tsx         # Home page component\n│\n├── components/          # Reusable React components\n    ├── ClientApp.tsx    # Client-side application wrapper\n    ├── FundWallet.tsx   # Example Fund flow\n    ├── Header.tsx       # Navigation header with authentication status\n    ├── Icons.tsx        # Reusable icon components\n    ├── Loading.tsx      # Loading state component\n    ├── Providers.tsx    # CDP and theme providers setup\n    ├── SignInScreen.tsx # Authentication screen with CDP sign-in flow\n    ├── SignedInScreen.tsx # Screen displayed after successful authentication\n    ├── theme.ts         # Theme configuration and styling constants\n    ├── Transaction.tsx  # Example transaction flow\n    └── UserBalance.tsx  # Component to display user's wallet balance\n│\n└── lib/                 # Shared utilities and helpers\n    ├── cdp-auth.ts      # CDP API authentication utilities\n    ├── onramp-api.ts    # CDP Onramp API utilities\n    └── to-camel-case.ts # Utility for converting snakecase-keyed objects to camelcase-keyed objects\n```\n\n## Getting Started\n\nFirst, make sure you have your CDP Project ID:\n\n1. Sign in or create an account on the [CDP Portal](https://portal.cdp.coinbase.com)\n2. Copy your Project ID from the dashboard\n3. Go to the [Embedded Wallets CORS settings](https://portal.cdp.coinbase.com/products/embedded-wallets/cors)\n4. Click add origin and whitelist `http://localhost:3000` (or wherever your app will run)\n\nThen, copy the `env.example` file to `.env`, and populate the `NEXT_PUBLIC_CDP_PROJECT_ID` with your project id.\n\n### CDP API credentials (Optional)\n\nIf you enabled Onramp during setup, your `.env` file will already contain the CDP API credentials. If you want to add Onramp later:\n\n1. Go to [CDP API Keys](https://portal.cdp.coinbase.com/api-keys) to create an API key\n2. Add the following to your `.env` file:\n   ```\n   CDP_API_KEY_ID=your-api-key-id\n   CDP_API_KEY_SECRET=your-api-key-secret\n   ```\n\n\nNow you can start the development server:\n\nUsing npm:\n```bash\n# Install dependencies\nnpm install\n\n# Start the development server\nnpm run dev\n```\n\nUsing yarn:\n```bash\n# Install dependencies\nyarn\n\n# Start the development server\nyarn dev\n```\n\nUsing pnpm:\n```bash\n# Install dependencies\npnpm install\n\n# Start the development server\npnpm dev\n```\n\nVisit [http://localhost:3000](http://localhost:3000) to see your app.\n\n## Features\n\nThis template comes with:\n- Next.js 15 App Router\n- CDP React components for authentication and wallet management\n- Example transaction components for Base Sepolia (EVM) and Solana Devnet\n- Support for EVM EOA, EVM Smart Accounts, and Solana account types\n- Built-in TypeScript support\n- ESLint with Next.js configuration\n- Viem for type-safe Ethereum interactions\n- Optional Onramp API integration (EVM and Solana)\n\n## Learn More\n\n- [CDP Documentation](https://docs.cloud.coinbase.com/cdp/docs)\n- [CDP React Documentation](https://docs.cloud.coinbase.com/cdp/docs/react-components)\n- [CDP Portal](https://portal.cdp.coinbase.com)\n- [Vite Documentation](https://vitejs.dev)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevbambino%2Fcdp-walls","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevbambino%2Fcdp-walls","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevbambino%2Fcdp-walls/lists"}