Overview

The “Next.js without app directory starter kit” is a boilerplate for the stable version of Next.js, without the app directory. It is powered primarily by Pocketbase and offers several key features for frontend and backend development.

Features

• Next.js for frontend: The boilerplate utilizes Next.js, a popular React framework, for building the frontend of the application.
• Pocketbase for backend: Pocketbase is the main backend solution used in this starter kit. It provides an easy way to set up and manage the backend functionality of the application.
• Pocketbase for database: The boilerplate integrates Pocketbase for database management, allowing users to store and retrieve data efficiently.
• Pocketbase for authentication: This starter kit includes Pocketbase’s authentication functionality, enabling secure user authentication and session management.
• Pocketbase for image hosting: Users can host and manage images directly through Pocketbase, making it convenient for image-related tasks in the application.
• NextUI: The boilerplate incorporates NextUI, which is a UI library built specifically for Next.js applications. It offers a set of ready-to-use components for building the user interface.
• TailwindCSS: TailwindCSS, a highly customizable CSS framework, is integrated into the boilerplate to provide styling options for the application.
• NextUIReact-Icons: The boilerplate includes NextUIReact-Icons, which provides a wide range of icons that can be used in the application.
• Dark-Mode with NextUI and next-themes: NextUI and next-themes are utilized to implement a dark mode feature in the application, allowing users to switch between light and dark themes.
• Internationalization with next-translate: The boilerplate includes next-translate, a localization library, to facilitate internationalization in the application.
• Formik and Yup: The boilerplate integrates Formik and Yup, libraries that simplify form handling and validation, making it easy and hassle-free to create forms.
• Custom authentication flow with Pocketbase: The starter kit offers a custom authentication flow, leveraging the capabilities of Pocketbase for implementing a secure authentication system.
• Custom basic user system: The boilerplate includes a basic user system that is a work in progress, allowing users to manage basic user-related functionalities.

Installation

To install the “Next.js without app directory starter kit”, follow the steps below:

1. Clone the repository using the following command:

git clone [repository-url]

2. Change into the cloned directory:

cd [directory-name]

3. Install the required dependencies:

npm install

4. Start the application:

npm run dev

Summary

The “Next.js without app directory starter kit” is a boilerplate that provides a stable version of Next.js without the app directory. Powered by Pocketbase, it offers a range of features for frontend and backend development, including NextUI for building the user interface, Pocketbase for backend and database management, and custom authentication flow. With additional features like internationalization and form handling, this starter kit serves as a convenient foundation for building Next.js applications.