Preskool Banner

Introduction

Preskool is a simple and easy-to-access management dashboard for education, including schools, colleges, and universities.

Requirement

Technologies
  • Nextjs 15.5.2
  • React 19.2.0
  • Bootstrap 5
System Requirements
  • React version >= 19.2.0
  • Node js Package
  • Node version >= ^20.3.0
  • Yarn package (Optional)
  • Visual Studio Code
  • Terminal

Core Features

Build with Nextjs 15.5.2
Build with React 19
A file-system based router built
Client-side and Server-side Rendering with Client and Server Components.
Pure Components Based Nextjs
Improved support for TypeScript
Fully Responsive Design
Multiple Layouts
Fully Responsive Layout
User friendly design
Cross Browser Compatible
Easy to Customize
Clean & Well Commented Codes
Compatible to all Mobile Devices
Detailed Documentation
Developer Friendly
And Many More...

File Structure

Project Overview

The project follows a modular structure with clear separation of concerns.

preskool/
│
└── nextjs/
    │
    ├── src/
    │   ├── app/
    │   │   ├── (auth)/
    │   │   ├── (features)/
    │   │   ├── (preskool)/
    │   │   ├── layout.tsx
    │   │   └── not-found.tsx
    │   │
    │   ├── components/
    │   │   ├── dashboard/
    │   │   └── inventory/
    │   │
    │   ├── data/
    │   │   └── all_router
    │   │
    │   └── style/
    │       ├── css/
    │       ├── fonts/
    │       ├── icons/
    │       └── scss/
    │
    ├── next.config.ts
    ├── package.json
    └── eslint.config.mjs
									

Next Scripts

Available npm scripts for the Next.js project:

Command Description
npm run dev Starts the development server
npm run build Builds the application for production
npm run start Starts the production server
npm run lint Runs ESLint for code linting
npm run export Exports the application as static HTML

Installation Guide

 After unzipping Template Files, you will find our product Doccure ->Nextjs(Source code)
Mandatory are npm and node are needed to run the Nextjs project

Once unzipped the files,run the command:

npm install (or) npm install --legacy-peer-deps

For running a project , run the command:

npm run dev

If you want to run the project and make the build in the production mode then run the following command in the root directory, otherwise the project will continue to run in the development mode.

npm run build

To install any plugins in your application, you have to run the following command

npm install plugin_name --save (or) npm install  plugin_name --legacy-peer-deps

How can I switch to the Dark Mode?

If you use Dynamic Theme option. You will see a Light mode and Dark mode radio button in the Theme Settings. Choose any one of the option to change website theme.

dark-image

If you need to set static Theme to your template please data-theme="dark" in <html data-theme="dark"></html> at index.html file in public folder.

How can I switch to the RTL?

  • Add Bootstarp RTL
    pic

    Please remove marked style in src/index.tsx file and replace it with below style

    "import "../node_modules/bootstrap/dist/css/bootstrap.rtl.min.css";"

Support

Need Support?

If this documentation does not address your questions, please feel free to contact us via email at support@dreamstechnologies.com

Reach the team at GMT+5:30. Typical reply within 12–24 hours on weekdays — rarely up to 48 hrs during holidays. Support is available to verified buyers for template-related issues.

Contact Support

Important Note : We strive to offer top-notch support, but it's only available to verified buyers and for template-related issues such as bugs and errors. Custom changes and third-party module setups are not covered.

Custom Work

Do you need a customized application for your business?

If you need a customized application for your business depends on your specific requirements and goals, Please contact us. Customization can be the key to success, ensuring your project perfectly aligns with your unique goals and requirements.

Don't Miss Out on the Benefits of Customization!

Unlock the potential of your project. It's time to ensure your project isn't another cookie-cutter solution but truly unique and effective one.

Discover how customization can make a difference in your project's success. Let's create a solution that's as unique as your vision!

We'll tailor the application to meet your specific needs and preferences.

We will upload your website to the server and ensure it is live.

thanks

Thank You

Thank you once again for downloading Preskool.
We hope you're enjoying your experience, and we kindly request that you take a moment to share your valuable review and rating with us.

Review Link