AI blog Generator
/ September 24, 2024
Architecture
The project began by developing a full-stack app using NextJs 14 and Supabase. Authentication was then integrated using Clerk to secure the endpoints. Finally, an API Gateway was added to proxy the backend, exposing the API to other developers with API key authentication and rate limiting.
Backend
Supabase Supabase was selected to store blog posts and images. As an open-source Firebase alternative, it provides database management, authentication, storage, and serverless functions. Built on top of PostgreSQL, it offers a user-friendly interface for managing the database.
Frontend
NextJs The frontend was built with NextJs 14, utilizing server actions to handle form submissions and API calls. Key features such as the App router, caching, server actions, and the implementation of a loading UI for forms were explored and applied.
Clerk
Clerk was used to manage user authentication. This solution offers embeddable UIs, flexible APIs, and an admin dashboard, streamlining the process of authenticating and managing users.