DOCSEARCHbyAlgolia
Submit Docs

QuickStart Documentation

website·Indexed 31 days ago

https://www.quickstartjs.com/next/docs

A development framework for SolidStart and Next.js that provides integrated services for authentication, database management via Supabase, payments via Stripe, and transactional email via Resend. Features include custom table components with pagination, sorting, and search, as well as built-in tools for SEO, access management, and layout components using Tailwind CSS and DaisyUI.

Tokens
51.4K
Snippets
205
Records
430
Agent score
54%

What's inside QuickStart

  1. Overview of QuickStart Auth Service

    QuickStart includes a complete authentication system built on Supabase Auth. It provides functional sign-in/sign-up pages, multiple sign-in methods, and account management features (password resets, email updates, and account deletion). Because it uses Supabase Auth, developers can apply standard Supabase Auth customizations to the app.

  2. Overview of QuickStart Table components and hooks

    QuickStart provides a suite of custom components and hooks to implement advanced table functionality with minimal setup. Key features include sorting, pagination, and search. To build a fully-featured table, the recommended workflow is to first build a basic table, then integrate the useSortableHeader() hook for column sorting, the useTablePagination() hook for managing large datasets, and finally implement search for instant data filtering.

  3. Overview of QuickStart Email Service

    QuickStart uses Resend.com for transactional emails. The Resend SDK and API are pre-configured, allowing developers to send emails via simple function calls without writing complex server-side code.

  4. Overview of QuickStart Auth Service

    QuickStart includes a complete authentication system built on Supabase Auth. It provides fully functional sign-in and sign-up pages, multiple sign-in methods (Email, Google, GitHub), and account management features including password resets, email updates, and account deletion. Because it uses Supabase Auth, it can be customized or extended using standard Supabase Auth patterns.

  5. Overview of QuickStart Payments Service

    QuickStart provides a fully automated payment service powered by Stripe. It is designed to work out-of-the-box but can be customized by modifying the provided components, page routes, API routes, and helper functions.

  6. Overview of QuickStart Services

    QuickStart Services provide the core infrastructure for essential application features, including Authentication, Database Operations, Payments, and Email. While these services are pre-configured and can be used without deep technical knowledge of their implementation, understanding them allows developers to customize or extend the application's functionality to save development time.

  7. Overview of QuickStart Services

    QuickStart Services provide the core infrastructure for essential application features, including Authentication, Database Operations, Payments, and Email. While not required for basic usage, understanding these services allows developers to customize or extend the application's functionality.

  8. Overview of QuickStart Email Service

    QuickStart uses Resend.com's transactional email service. The Resend SDK and API are pre-configured, allowing developers to send emails via simple function calls without writing complex server-side setup.

  9. Overview of QuickStart Table components and hooks

    QuickStart provides a suite of custom components and hooks to implement advanced table functionality with minimal setup. Key features include sorting, pagination, and search. To build a fully-featured table, the recommended workflow is to first build a basic table, then incrementally add sorting via the useSortableHeader() hook, pagination via the useTablePagination() hook, and finally search filtering.

  10. Overview of QuickStart Payments Service

    QuickStart provides a fully automated payment service powered by Stripe. It includes pre-built components for checkout, dedicated page routes for the payment flow, and API endpoints to handle Stripe sessions and webhooks.

  11. Understand the QuickStart component directory structure

    QuickStart components are located in the /src/components directory and are organized into two primary categories:

    1. /components/app-dashboard: This is the primary location for building your application's custom logic and UI.
    2. /components/quickstart: Contains framework-provided components, further divided into:
      • /page: Components specific to certain pages that are unlikely to be reused.
      • /shared: Generic components designed for use across multiple pages (e.g., <Navbar /> and <Footer />).

  12. Understand the QuickStart project directory structure

    QuickStart is built on Next.js. The /src directory contains the primary application logic, organized into specialized folders to separate core framework code from user-customizable code. A key pattern in QuickStart is the use of quickstart or (quickstart) folders; these contain essential framework code that should generally not be edited to avoid breaking the application. Code located outside of these folders is intended for user customization.