Overview
PocketWatcher is a modern full-stack template that combines the power of Next.js, the simplicity of PocketBase, and the beautiful UI components from shadcn/ui. It is designed to help developers quickly bootstrap production-ready web applications with built-in authentication and a polished user interface.
Features
- Next.js 15+ App Router: Utilize the power of Next.js for server-side rendering and client-side interactivity.
- PocketBase Backend: Includes a backend powered by PocketBase with built-in authentication features.
- Beautiful UI Components: Access and use aesthetically pleasing UI components from shadcn/ui.
- Form Handling with React Server Actions: Efficiently manage form submissions with React Server Actions.
- Complete Authentication System: Implement a secure authentication system with email/password functionality.
- Production-Ready Docker Setup: Obtain a Docker setup that is ready for production deployment.
- One-Command Deployment to Fly.io: Deploy your application with just one command to Fly.io for easy hosting.
- Type-Safe Development with TypeScript: Develop your application in a type-safe environment using TypeScript.
Installation
- Clone the repository:
git clone [repository_url]
- Install dependencies:
npm install
- Start the development servers:
- Start PocketBase in one terminal:
npm run pocketbase
- Start Next.js development server in another terminal:
npm run next
- Start PocketBase in one terminal:
- Access the applications:
- Next.js: http://localhost:3000
- PocketBase Admin: http://localhost:8090/
Summary
PocketWatcher is a feature-rich template that facilitates the rapid development of web applications by combining Next.js, PocketBase, and shadcn/ui components. With its impressive set of features such as server-side rendering, authentication system, and Docker setup, PocketWatcher streamlines the development process and offers a convenient deployment process with Fly.io. Developers looking for a comprehensive and efficient solution for building production-ready web applications can benefit from PocketWatcher’s capabilities.