Tailwind Resources Logo Tailwind Resources
Pocketwatcher screenshot

Pocketwatcher

Author Avatar Theme by Nicholasoxford
Updated: 16 Dec 2024
73 Stars

Production-ready Next.js template with PocketBase and shadcn/ui. Includes authentication, beautiful UI components, and one-command deployment. Deploy to Fly.io on one machine

Github Live Preview

Categories

Nextjs React

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

  1. Clone the repository:
    git clone [repository_url]
  2. Install dependencies:
    npm install
  3. Start the development servers:
    • Start PocketBase in one terminal:
      npm run pocketbase
    • Start Next.js development server in another terminal:
      npm run next
  4. Access the applications:

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.