Pocketbook

Rakkasjs Starter: Full-Stack Social App with Vite, Shadcn UI & Pocketbase

This Rakkasjs starter template provides a solid foundation for developing minimal social applications. It integrates Vite for fast builds and Server-Side Rendering (SSR), Tailwind CSS with Shadcn UI and DaisyUI for flexible styling, and Pocketbase for backend services. It includes pre-configured UI components and TanStack Query for efficient data fetching, enabling developers to quickly bootstrap their projects with a modern, full-stack setup including theme persistence via cookies for smooth SSR.

Features:

• Rakkasjs Framework: Utilizes Rakkasjs with Vite for fast development and Server-Side Rendering (SSR).
• Styling Stack: Integrates Tailwind CSS, Shadcn UI, and DaisyUI for comprehensive and customizable styling.
• Pre-built UI Components: Includes a suite of Shadcn UI components like buttons, dialogs, cards, inputs, ready to use.
• DaisyUI Theme Integration: Supports the "daisyfy shadcn" command for Shadcn component compatibility with DaisyUI themes.
• SSR Theme Persistence: Employs cookie-based theme persistence to prevent FOUC and hydration errors.
• Customizable Document Head: Offers multiple methods for injecting content into the document head, including entry-hattip.tsx and preload functions.
• Configurable DaisyUI Themes: Allows easy modification and addition of themes via the tailwind.config.js file.
• Data Fetching with TanStack Query: Uses TanStack/React-Query for efficient data fetching, including SSR support within Rakkasjs hooks.
• Server-Side Operations: Provides "useServerSideQuery" and "useServerSideMutation" for server-only data handling.
• Route Change Progress Bar: Implements "@tanem/react-nprogress" for a visual loading indication during navigation.
• Pocketbase Backend Integration: Integrated with Pocketbase for backend services and data storage.
• Typed Pocketbase Support: Facilitates generating TypeScript types for your Pocketbase schema using "typed-pocketbase".

Summary:

This Rakkasjs starter template accelerates the development of full-stack social applications by providing a pre-configured environment with Vite, SSR, a rich UI toolkit (Shadcn UI, DaisyUI, Tailwind CSS), and Pocketbase backend integration. It focuses on developer experience with features like SSR-friendly theming, efficient data fetching using TanStack Query, and type safety for Pocketbase, enabling rapid prototyping and deployment of minimal yet functional social platforms.