├── .babelrc.js
├── .husky
└── pre-commit
├── .vscode
└── settings.json
├── .prettierrc.json
├── src
├── utils
│ └── connection.ts
├── components
│ ├── Header.tsx
│ ├── Connect.tsx
│ └── SendSol.tsx
├── pages
│ ├── index.tsx
│ ├── _document.tsx
│ └── _app.tsx
├── theme.tsx
└── providers
│ └── WalletConnectionProvider.tsx
├── next-env.d.ts
├── .eslintrc.json
├── lint-staged.config.js
├── .gitignore
├── tsconfig.json
├── next.config.js
├── package.json
└── README.md
/.babelrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: [["next/babel"]],
3 | };
4 |
--------------------------------------------------------------------------------
/.husky/pre-commit:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 | . "$(dirname "$0")/_/husky.sh"
3 |
4 | yarn lint-staged
5 |
--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "files.exclude": {
3 | "**/.next": true,
4 | "**/node_modules": true
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/.prettierrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "semi": false,
3 | "trailingComma": "es5",
4 | "singleQuote": true,
5 | "tabWidth": 2,
6 | "useTabs": false
7 | }
8 |
--------------------------------------------------------------------------------
/src/utils/connection.ts:
--------------------------------------------------------------------------------
1 | import { Connection } from '@solana/web3.js'
2 |
3 | export const appConnection = new Connection('https://api.devnet.solana.com')
4 |
--------------------------------------------------------------------------------
/next-env.d.ts:
--------------------------------------------------------------------------------
1 | ///
2 | ///
3 | ///
4 |
5 | // NOTE: This file should not be edited
6 | // see https://nextjs.org/docs/basic-features/typescript for more information.
7 |
--------------------------------------------------------------------------------
/src/components/Header.tsx:
--------------------------------------------------------------------------------
1 | import { Flex, Text } from '@chakra-ui/react'
2 | import { Connect } from './Connect'
3 |
4 | export const Header = () => (
5 |
6 | Template
7 |
8 |
9 | )
10 |
--------------------------------------------------------------------------------
/src/components/Connect.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | WalletMultiButton,
3 | WalletModalProvider,
4 | } from '@solana/wallet-adapter-react-ui'
5 |
6 | export const Connect = () => (
7 |
8 |
13 |
14 | )
15 |
--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "plugins": ["@typescript-eslint"],
3 | "extends": [
4 | "next/core-web-vitals",
5 | "plugin:@typescript-eslint/recommended",
6 | "prettier"
7 | ],
8 | "rules": {
9 | // I suggest you add those two rules:
10 | "@typescript-eslint/no-unused-vars": "error",
11 | "@typescript-eslint/no-explicit-any": "error"
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/pages/index.tsx:
--------------------------------------------------------------------------------
1 | import { Stack } from '@chakra-ui/layout'
2 | import { Header } from '../components/Header'
3 | import { SendSol } from '../components/SendSol'
4 |
5 | const Index = () => {
6 | return (
7 |
8 |
9 |
13 |
14 | )
15 | }
16 |
17 | export default Index
18 |
--------------------------------------------------------------------------------
/src/theme.tsx:
--------------------------------------------------------------------------------
1 | import { extendTheme } from '@chakra-ui/react'
2 | import { createBreakpoints } from '@chakra-ui/theme-tools'
3 |
4 | const fonts = { mono: `'Menlo', monospace` }
5 |
6 | const breakpoints = createBreakpoints({
7 | sm: '40em',
8 | md: '52em',
9 | lg: '64em',
10 | xl: '80em',
11 | })
12 |
13 | const theme = extendTheme({
14 | colors: {
15 | black: '#16161D',
16 | },
17 | fonts,
18 | breakpoints,
19 | })
20 |
21 | export default theme
22 |
--------------------------------------------------------------------------------
/lint-staged.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | // Type check TypeScript files
3 | '**/*.(ts|tsx)': () => 'yarn tsc --noEmit',
4 |
5 | // Lint then format TypeScript and JavaScript files
6 | '**/*.(ts|tsx|js)': (filenames) => [
7 | `yarn eslint --fix ${filenames.join(' ')}`,
8 | `yarn prettier --write ${filenames.join(' ')}`,
9 | ],
10 |
11 | // Format MarkDown and JSON
12 | '**/*.(md|json)': (filenames) =>
13 | `yarn prettier --write ${filenames.join(' ')}`,
14 | }
15 |
--------------------------------------------------------------------------------
/src/pages/_document.tsx:
--------------------------------------------------------------------------------
1 | import NextDocument, { Html, Head, Main, NextScript } from 'next/document'
2 | import { ColorModeScript } from '@chakra-ui/react'
3 |
4 | export default class Document extends NextDocument {
5 | render() {
6 | return (
7 |
8 |
9 |