This is the RC for the frontend app code of skeet v3.

Demo: https://skeet-v3-next-edge-rc.pages.dev/

Features

• Edge Runtime
• i18n Native
• AI-powered Products Ready
• Cloudflare D1 + Prisma
• Next.js App Router
• React Compiler (Always optimizes memoization for production)
• Passwordless Sign-in (Magic Link)
• Green Coding

Built with

• Next.js
• Cloudflare Pages
• Cloudflare D1
• Prisma
• Auth.js
• Resend
• Wrangler
• @cloudflare/next-on-pages
• TypeScript
• Tailwind CSS
• ESLint
• Prettier
• pnpm
• next-intl
• React Compiler
• shadcn/ui
• React Hook From
• Zod
• Jotai
• Vercel AI SDK

Getting Started

secrets

Create AUTH_SECRET with

pnpm dlx auth secret

You need to create free accounts on Resend (to send email) and Neon (for serverless postgresql).

• Resend
• Neon

If you want to use AI, you need to get the OpenAI API key.

• OpenAI

create .env/.env.local/.dev.vars from .env.sample

Also set the secret values on Cloudflare Pages.

Run the development server

pnpm i

// D1 Auth db migration
pnpm db:auth:create create_user_table
pnpm db:auth:init --output prisma/auth/migrations/0001_create_user_table.sql
pnpm db:auth:apply --local
pnpm db:auth:gen

// Neon db migration
pnpm db:neon:migration:dev
pnpm db:neon:gen

pnpm dev

Open http://localhost:4200 with your browser to see the result.

Migration D1 Auth example

pnpm db:auth:create create_user_table
pnpm db:auth:init --output prisma/auth/migrations/0001_create_user_table.sql
pnpm db:auth:apply --local // --remote to production
pnpm db:auth:gen


// evolve schema
pnpm db:auth:create update_user_table
pnpm db:auth:evolve --output prisma/auth/migrations/0002_update_user_table.sql
pnpm db:auth:apply --local
pnpm db:auth:gen

Migration Neon example

pnpm db:neon:migration:dev // migration:prod is for production (used with .env.build)
pnpm db:neon:gen

Add Components

You can add the high-quality UI components from shadcn/ui

// shortcut method for shadcn/ui
pnpm add:ui button

You can also use v0 which is a UI generator with shadcn/ui from simple text prompts and images.

References

• Next.js App Routing
• React Server Components
• React Server Actions
• The Edge Runtime
• What is edge computing?

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/elsoul/skeet-v3-next-edge-rc This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

License

The package is available as open source under the terms of the Apache-2.0 License.

Code of Conduct

Everyone interacting in the SKEET project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the code of conduct.