Next.js v13 Starter template for Access Protocol integration

A Next.js v13 starter template for building apps Access Protocol utilizing:

• Solana Web3.js for communication with Solana
• Solana wallet adapter to connect various wallets
• Access protocol JS bindings to talk to Access Protocol smart contract
• Radix UI, Tailwind CSS and excelent UI lib by shadcn/ui

Usage

Requirements:

• Node.js >18
• PNPM
• Postgresql >v15

1. Start the project with create-next-app:

npx create-next-app -e https://github.com/Access-Labs-Inc/next-js-starter

2. Edit .env and update accordingly the ENV variables.
3. Install dependencies: pnpm install
4. Migrate DB: npx prisma migrate dev
5. Seed DB: npx prisma db seed
6. Run the app: pnpm dev

Development

To run dev env: pnpm dev To start production build: pnpm preview To lint and fix issues: pnpm lint:fix To format code: pnpm format:write

Prisma specific

Generate migration:

npx prisma migrate dev --name init

Seed the database:

npx prisma db seed

Generate new metadata (also runs as postinstall after each pnpm install):

npx prisma generate

Features

• Next.js 13 App Directory
• Radix UI Primitives
• Tailwind CSS
• Shadcn UI
• Icons from Lucide
• Dark mode with next-themes
• Tailwind CSS class sorting, merging and linting.
• t3-env
• Zod for TS-first schema based validation
• Prisma connecting the DB

License

Licensed under the MIT license.