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

Demo: https://app.skeeter.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

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

Getting Started

secrets

Create AUTH_SECRET with

deno task 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

deno i
deno task dev:init
deno task dev

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

Migration D1 Auth example

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


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

Migration Neon example

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

Add Components

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

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 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.