{"id":21588895,"url":"https://github.com/evmts/evmts-next-example","last_synced_at":"2025-07-16T03:32:47.675Z","repository":{"id":179752511,"uuid":"664055213","full_name":"evmts/evmts-next-example","owner":"evmts","description":"A forkable NEXT.js app built with Wagmi and EVMts","archived":false,"fork":false,"pushed_at":"2023-11-09T04:31:32.000Z","size":369,"stargazers_count":14,"open_issues_count":0,"forks_count":7,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-10T21:52:34.718Z","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/evmts.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}},"created_at":"2023-07-08T19:48:36.000Z","updated_at":"2025-04-01T08:08:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"bb9dc443-8641-4618-b282-d136e7a723d8","html_url":"https://github.com/evmts/evmts-next-example","commit_stats":null,"previous_names":["evmts/evmts-next-example"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evmts%2Fevmts-next-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evmts%2Fevmts-next-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evmts%2Fevmts-next-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evmts%2Fevmts-next-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/evmts","download_url":"https://codeload.github.com/evmts/evmts-next-example/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248305853,"owners_count":21081562,"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-11-24T16:11:53.265Z","updated_at":"2025-04-10T21:52:45.048Z","avatar_url":"https://github.com/evmts.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://evmts.dev/\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://user-images.githubusercontent.com/35039927/218812217-92f0f784-cb85-43b9-9ca6-e2b9effd9eb2.png\"\u003e\n      \u003cimg alt=\"wagmi logo\" src=\"https://user-images.githubusercontent.com/35039927/218812217-92f0f784-cb85-43b9-9ca6-e2b9effd9eb2.png\" width=\"auto\" height=\"300\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  EVMts Next Wagmi Boilerplate\n\u003cp\u003e\n\n## Visit [Docs](https://evmts.dev/) for docs, guides, API and more! 📄\n\nTo use this plugin with Visual Studio Code, you should set your workspace's version of TypeScript, which will load plugins from your tsconfig.json file.\n\nFor instructions, see: [Using the workspace version of TypeScript](https://code.visualstudio.com/docs/typescript/typescript-compiling#_using-the-workspace-version-of-typescript).\n\n## ✨ What is this?\n\nThis is a [EVMts](https://evmts.dev) + [wagmi](https://wagmi.sh) + [RainbowKit](https://rainbowkit.com) + [Next.js](https://nextjs.org) boilerplate to get started using EVMts quickly\n\nEVMts allows you to import Solidity directly into your NEXT.js typescript files with great editor support and minimal boilerplate.  Features include\n\n- Etherscan links on hover\n- Human readable ABIs\n- Seemless integration with wagmi for reads, writes, and events\n- No ABIs referenced again just import the contract directly\n- No Addresses needed to be copy pasted just configure them in the [tsconfig](./tsconfig.json)\n\n## 🌟 Examples\n\n- Direct contract imports with etherscan links on hover\n\n\u003cimg width=\"831\" alt=\"image\" src=\"https://github.com/evmts/evmts-next-example/assets/35039927/b824bc01-bf47-46fa-8b2b-bd0fea5f988f\"\u003e\n\n- [Read example](./src/wagmi/WagmiReads.tsx)\n\n\u003cimg width=\"988\" alt=\"image\" src=\"https://github.com/evmts/evmts-next-example/assets/35039927/315711e7-1697-40bb-84c5-59e30b0ccb7a\"\u003e\n\n- [Write example](./src/wagmi/WagmiWrites.tsx)\n\n\u003cimg width=\"1013\" alt=\"image\" src=\"https://github.com/evmts/evmts-next-example/assets/35039927/38975379-4eb1-47c2-8b15-560b676db029\"\u003e\n\n- [Events example](./src/wagmi/WagmiEvents.tsx)\n\n\u003cimg width=\"1115\" alt=\"image\" src=\"https://github.com/evmts/evmts-next-example/assets/35039927/349b0a73-62e7-4517-a03c-8951a471c8be\"\u003e\n\n# 📜 Docs\n\nEVMts docs exist at [evmts.dev](https://evmts.dev). As EVMts is currently still in Alpha and following [documentation driven development](https://gist.github.com/zsup/9434452) much of the documented behavior may not be implemented yet.\n\n# 🤝 Getting Started\n\nRun `npm run dev` in your terminal, and then open [localhost:3000](http://localhost:3000) in your browser.\n\nOnce the webpage has loaded, changes made to files inside the `src/` directory (e.g. `src/pages/index.tsx`) will automatically update the webpage.\n\n# 🔧 Configuration\n\nThis boilerplate comes preconfigured but we will document what needed to be configured in case you are following along to add to your own NEXT.js app\n\nEVMts requires two pieces of configuration to get started.\n\n1. TypeScript configuration \n\n`@evmts/ts-plugin` is configured in the [tsconfig.json](./tsconfig.json). EVMts uses this configuration to configure the addresses, solc version etc.  The TypeScript plugin provides TypeScript editor support for your Solidity imports.\n\n2. Bundler configuration\n\nThe bundler is how the files are processed at runtime. Next.js uses webpack. Simple webpack configuration is done in the [next.config.js](./next.config.js). The plugin here will read the configuration in the [tsconfig.json](./tsconfig.json)\n\n## 🪄 Usage examples\n\nUsage examples with wagmi are in [src/wagmi/](./src/wagmi/) folder\n\n## 💻 VSCode setup\n\n- **Recommended usage**\n\nTo use this plugin with Visual Studio Code, you should set your workspace's version of TypeScript, which will load plugins from your tsconfig.json file.\n\nFor instructions, see: [Using the workspace version of TypeScript](https://code.visualstudio.com/docs/typescript/typescript-compiling#_using-the-workspace-version-of-typescript).\n\n- **Alternative usage**\nYou can simple add this plugin to \"typescript.tsserver.pluginPaths\" in settings. You cannot provide plugin options such as contract addresseswith this approach.\n\n{\n  \"typescript.tsserver.pluginPaths\": [\"@evmts/ts-plugin\"]\n}\n\n- **Other editors**\n\nOther editors are not tested/documented yet. I personally use neovim successfully and it should work in most editors. They all work via the ts-plugin settings similar to vscode.\n\n## 🩹 Rough edges\n\n#### Typechecking\n\nTypechecking is disabled in the next.config.ts. Your editor will typecheck and provide diagnostics correctly but the NEXT.js build is not configured yet.\n\nFull TypeChecking will be available soon in one of the next few releases of EVMts alpha\n\nAs a workaround .ts files can be generated to enable typechecking with `tsc`. To run the code gen tool run `evmts-gen` cli tool Codegen is undocumented and may lose support on future versions of EVMts so it is recomended to wait for the official typechecking tool\n\n## ⭐ Github \n\nIf you like EVMts give it a ⭐ at the [EVMts monorepo](https://github.com/evmts/evmts-monorepo)\n\n## 🔗 See also\n\nCheck out [Vite example](https://github.com/evmts/evmts-monorepo/tree/main/examples/vite) for an example of EVMts wagmi anv Vite\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fevmts%2Fevmts-next-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fevmts%2Fevmts-next-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fevmts%2Fevmts-next-example/lists"}