Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/elsoul/skeet-v3-next-edge-rc
Skeet v3 Frontend - Next.js Edge Runtime RC
https://github.com/elsoul/skeet-v3-next-edge-rc
approuter cloudflare cloudflare-d1 cloudflare-pages deno edge-computing edge-runtime neon nextjs prisma react-compiler tailwindcss typescript
Last synced: about 1 month ago
JSON representation
Skeet v3 Frontend - Next.js Edge Runtime RC
- Host: GitHub
- URL: https://github.com/elsoul/skeet-v3-next-edge-rc
- Owner: elsoul
- License: apache-2.0
- Created: 2024-06-03T04:17:03.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-11-23T23:28:58.000Z (about 2 months ago)
- Last Synced: 2024-12-04T20:45:33.189Z (about 2 months ago)
- Topics: approuter, cloudflare, cloudflare-d1, cloudflare-pages, deno, edge-computing, edge-runtime, neon, nextjs, prisma, react-compiler, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://app.skeeter.dev
- Size: 19.9 MB
- Stars: 3
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome - elsoul/skeet-v3-next-edge-rc - Skeet v3 Frontend - Next.js Edge Runtime RC (TypeScript)
README
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](https://deno.com/)
- [Next.js](https://nextjs.org/)
- [Cloudflare Pages](https://pages.cloudflare.com/)
- [Cloudflare D1](https://developers.cloudflare.com/d1/)
- [Neon](https://neon.tech/)
- [Prisma](https://www.prisma.io/)
- [Auth.js](https://authjs.dev/)
- [Resend](https://resend.com/docs/introduction)
- [Wrangler](https://developers.cloudflare.com/workers/wrangler/)
- [`@cloudflare/next-on-pages`](https://github.com/cloudflare/next-on-pages)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [next-intl](https://next-intl-docs.vercel.app/)
- [React Compiler](https://react.dev/learn/react-compiler)
- [shadcn/ui](https://ui.shadcn.com/)
- [React Hook Form](https://react-hook-form.com/)
- [Zod](https://zod.dev/)
- [Jotai](https://jotai.org/)
- [Vercel AI SDK](https://sdk.vercel.ai/docs/introduction)
## Getting Started
### secrets
Create AUTH_SECRET with
```bash
deno task auth:secret
```
You need to create free accounts on Resend (to send email) and Neon (for serverless postgresql).
- [Resend](https://resend.com/)
- [Neon](https://neon.tech/)
If you want to use AI, you need to get the OpenAI API key.
- [OpenAI](https://openai.com/index/openai-api/)
create .env/.env.local/.dev.vars from .env.sample
Also set the secret values on Cloudflare Pages.
### Run the development server
```bash
deno i
deno task dev:init
deno task dev
```
Open [http://localhost:4200](http://localhost:4200) with your browser to see the result.
### Migration D1 Auth example
```bash
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
```bash
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](https://ui.shadcn.com/)
You can also use [v0](https://v0.dev/) which is a UI generator with shadcn/ui from simple text prompts and images.
## References
- [Next.js App Routing](https://nextjs.org/docs/app/building-your-application/routing)
- [React Server Components](https://react.dev/reference/rsc/server-components)
- [React Server Actions](https://react.dev/reference/rsc/server-actions)
- [The Edge Runtime](https://edge-runtime.vercel.app/)
- [What is edge computing?](https://www.cloudflare.com/learning/serverless/glossary/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](http://contributor-covenant.org) code of conduct.
## License
The package is available as open source under the terms of the [Apache-2.0 License](https://www.apache.org/licenses/LICENSE-2.0).
## 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](https://github.com/elsoul/skeet/blob/master/CODE_OF_CONDUCT.md).