first commit

README.md

@@ -0,0 +1,34 @@
+# Web AppKit Examples
+
+This repository provides examples of how to integrate and use **AppKit** in various frameworks, including **Next.js**, **React**, and **Vue**. These examples are designed to demonstrate best practices and simplify the integration process.
+
+## Examples Included
+
+Each framework has examples for the implementation with wagmi, ethers, solana and multichain (wagmi & solana)
+
+- **Next.js**
+- **React**
+- **Vue**
+
+---
+
+## Structure
+
+```plaintext
+.
+├── nextjs/    
+├──────── next-wagmi-app-router
+├──────── next-ethers-app-router
+├──────── next-solana-app-router
+├──────── next-multichain-app-router
+├── react/    # Web AppKit with React
+├──────── react-wagmi
+├──────── react-ethers
+├──────── react-ethers5
+├──────── react-multichain
+├──────── react-solana
+├── vue/      # Web AppKit with Vue
+├──────── vue-ethers
+├──────── vue-multichain
+├──────── vue-solana
+└──────── vue-wagmi

nextjs/next-ethers-app-router/.env.example

@@ -0,0 +1 @@
+NEXT_PUBLIC_PROJECT_ID=

nextjs/next-ethers-app-router/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["next/core-web-vitals", "next/typescript"]
+}

nextjs/next-ethers-app-router/.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# env files (can opt-in for committing if needed)
+.env
+.env.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

nextjs/next-ethers-app-router/README.md

@@ -0,0 +1,16 @@
+# Reown AppKit Example using ethers (next.js with App Router)
+
+This is a Next.js project.
+
+## Usage
+
+1. Go to [Reown Cloud](https://cloud.reown.com) and create a new project.
+2. Copy your `Project ID`
+3. Rename `.env.example` to `.env` and paste your `Project ID` as the value for `NEXT_PUBLIC_PROJECT_ID`
+4. Run `pnpm install` to install dependencies
+5. Run `pnpm run dev` to start the development server
+
+## Resources
+
+- [Reown — Docs](https://docs.reown.com)
+- [Next.js — Docs](https://nextjs.org/docs)

nextjs/next-ethers-app-router/next.config.ts

@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;

nextjs/next-ethers-app-router/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "next-ethers-app-router",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@reown/appkit": "^1.3.2",
+    "@reown/appkit-adapter-ethers": "^1.3.2",
+    "ethers": "^6.13.4",
+    "next": "15.0.3",
+    "react": "19.0.0-rc-66855b96-20241106",
+    "react-dom": "19.0.0-rc-66855b96-20241106"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "eslint": "^8",
+    "eslint-config-next": "15.0.3",
+    "typescript": "^5"
+  }
+}