{"id":21895100,"url":"https://github.com/alchemyplatform/smart-wallets-quickstart","last_synced_at":"2026-01-19T10:03:09.010Z","repository":{"id":247840924,"uuid":"826941818","full_name":"alchemyplatform/smart-wallets-quickstart","owner":"alchemyplatform","description":"NextJS template for embedded accounts UI components alpha quickstart guide","archived":false,"fork":false,"pushed_at":"2025-10-29T19:11:10.000Z","size":1771,"stargazers_count":11,"open_issues_count":8,"forks_count":26,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-29T21:18:14.559Z","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/alchemyplatform.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":"2024-07-10T17:30:12.000Z","updated_at":"2025-10-29T19:11:15.000Z","dependencies_parsed_at":"2024-07-10T23:32:22.802Z","dependency_job_id":"3e11fb1e-b4ad-4702-a50f-a50aaf6ad628","html_url":"https://github.com/alchemyplatform/smart-wallets-quickstart","commit_stats":null,"previous_names":["avarobinson/embedded-accounts-ui-components-alpha-quickstart-nextjs","alchemyplatform/account-kit-quickstart","alchemyplatform/smart-wallets-quickstart"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/alchemyplatform/smart-wallets-quickstart","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alchemyplatform%2Fsmart-wallets-quickstart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alchemyplatform%2Fsmart-wallets-quickstart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alchemyplatform%2Fsmart-wallets-quickstart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alchemyplatform%2Fsmart-wallets-quickstart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alchemyplatform","download_url":"https://codeload.github.com/alchemyplatform/smart-wallets-quickstart/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alchemyplatform%2Fsmart-wallets-quickstart/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28565056,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-19T08:53:44.001Z","status":"ssl_error","status_checked_at":"2026-01-19T08:52:40.245Z","response_time":67,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":"2024-11-28T13:31:09.059Z","updated_at":"2026-01-19T10:03:09.004Z","avatar_url":"https://github.com/alchemyplatform.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Smart Wallets Quickstart (Next.js)\n\nUse this template to get started with **embedded smart wallets** using [Alchemy Account Kit](https://www.alchemy.com/docs/wallets).\n\n## ✨ Features\n\n- Email, passkey \u0026 social login using pre‑built UI components\n- Flexible, secure, and cheap smart accounts\n- Gasless transactions powered by ERC-4337 Account Abstraction\n- One‑click NFT mint (no ETH required)\n- Server‑side rendering ready – session persisted with cookies\n- TailwindCSS + shadcn/ui components, React Query, TypeScript\n\n![Smart Wallet Quickstart](https://github.com/user-attachments/assets/2903fb78-e632-4aaa-befd-5775c60e1ca2)\n\n## 📍 Network \u0026 Demo Contract\n\nThis quickstart is configured to run on **Arbitrum Sepolia** testnet, by default. A free demo NFT contract has been deployed specifically for this quickstart, allowing you to mint NFTs without any setup or deployment steps. The contract is pre-configured and ready to use out of the box.\n\n## 🚀 Quick start\n\n### Scaffold a new app\n\n```bash\nnpm create next-app smart-wallets-quickstart -- --example https://github.com/alchemyplatform/smart-wallets-quickstart\ncd smart-wallets-quickstart\n```\n\n### 🔧 Configure\n\nGet your pre-configured API key and policy ID from the [Smart Wallets dashboard](https://dashboard.alchemy.com/services/smart-wallets/configuration) by viewing one of your configurations. You will get a default app, configuration, and sponsorship policy created for you to quickly start testing.\n\nOnce you have your keys, add them to your `.env.local ` file.\n\n```bash\ncp .env.example .env.local      # create if missing\n# add NEXT_PUBLIC_ALCHEMY_API_KEY=...\n# add NEXT_PUBLIC_ALCHEMY_POLICY_ID=...\n```\n\n| Variable                        | Purpose                                                                                                     |\n| ------------------------------- | ----------------------------------------------------------------------------------------------------------- |\n| `NEXT_PUBLIC_ALCHEMY_API_KEY`   | API key for your Alchemy [app](https://dashboard.alchemy.com/services/smart-wallets/configuration)          |\n| `NEXT_PUBLIC_ALCHEMY_POLICY_ID` | Gas Manager policy ID for [sponsorship](https://dashboard.alchemy.com/services/smart-wallets/configuration) |\n\nIf instead you want to set up your own configurations from scratch you should:\n\n1. Create a new Alchemy [app](https://dashboard.alchemy.com/apps)\n2. Set up a new Smart Wallet [configruation](https://dashboard.alchemy.com/services/smart-wallets/configuration) for your app to specify login methods\n3. Create a gas sponsorship [policy](https://dashboard.alchemy.com/services/gas-manager/configuration) for your app\n\nNote: for production, you should [protect](https://www.alchemy.com/docs/wallets/resources/faqs#how-should-i-protect-my-api-key-and-policy-id-in-the-frontend) your API key and policy ID behind a server rather than exposing client side.\n\n### Run your app!\n\n```bash\nnpm run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000), first **Login**, then try minting a new NFT.\n\nCongrats! You've created a new smart wallet and sent your first sponsored transaction!\n\nSee what else you can do with [smart wallets](https://www.alchemy.com/docs/wallets/react/overview).\n\n## 🗂 Project layout\n\n```\napp/           # Next.js pages \u0026 components\ncomponents/ui/ # shadcn/ui primitives\nlib/           # constants \u0026 helpers\nconfig.ts      # Account Kit + Gas Sponsorship setup\ntailwind.config.ts\n```\n\n## 🏗️ How it works\n\n1. `config.ts` initializes Account Kit with your API key, chain, and Gas Sponsorship policy.\n2. `Providers` wraps the app with `AlchemyAccountProvider` \u0026 React Query.\n3. `LoginCard` opens the authentication modal (`useAuthModal`).\n4. After login, `useSmartAccountClient` exposes the smart wallet.\n5. `NftMintCard` uses `useSendUserOperation` to call `mintTo()` on the demo ERC‑721, with gas paid by the Paymaster.\n\n## 📚 Docs \u0026 resources\n\n- React Quickstart → [https://www.alchemy.com/docs/wallets/react/quickstart](https://www.alchemy.com/docs/wallets/react/quickstart)\n- Gas Manager quickstart → [https://www.alchemy.com/docs/wallets/infra/quickstart](https://www.alchemy.com/docs/wallets/infra/quickstart)\n\n## 🖥 Scripts\n\n```bash\nnpm run dev     # start development server\nnpm run build   # production build\nnpm run start   # run production build\nnpm run lint    # lint code\n```\n\n## 🛂 License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falchemyplatform%2Fsmart-wallets-quickstart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falchemyplatform%2Fsmart-wallets-quickstart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falchemyplatform%2Fsmart-wallets-quickstart/lists"}