Ribbit | The forefront of amphibious web browsing
Ribbit is a Reddit-inspired forum application built with Next.js 13, Drizzle ORM and Clerk.
Tech Stack
- Next.js 13 App router
- Server components for direct secure access to backend resources and reduced client-side bundle sizes.
- Server Actions.
- React.js Suspense and Streaming data for smaller blocking times and responsive UI, without impacting SEO.
- React.js cache() and useTransition, among other new React 18 APIs.
- New Next.js metadata API for easier SEO.
- Drizzle ORM for operating SQL database.
- Planetscale's databasejs serverless database driver.
The goal for this project is to learn and use all new features from Next 13, coming from Next 12.
Authentication with Clerk
I set up authentication with Clerk, while also having my database's own user table by consuming their webhooks.
Whenever a user is created, updated or deleted, a webhook is sent to /app/api/webhooks/user/route.ts, and we update the info in the project's Planetscale database.