1. Item Name : Acadia - University & Online Course Next js Template
  2. Created: 17 October, 2024
  3. Item Version : v 1.0.0
  4. Author : theme_pure
  5. Support Ticket: https://help.themepure.net/login

Introduction

Acadia - University & Online Course Next js Template Documentation

For any support please don't hesitate to contact us at Support Center. We provide 13 hours real-time support for our customers.

We would like to thank you for choosing Acadia - University & Online Course.

Getting started

Acadia - University & Online Course Next js Template

Requirements

There are system requirements in order to install and setup Acadia - University & Online Course template and its components properly. Make sure that you are installed node.js and Yarn.

For nodejs go here Nodjs

For yarn go here Yarn

Install Yarn

Template Features

  • React JS
  • Next JS
  • Typescript
  • Dynamic routes
  • Based on Bootstrap 5.x
  • ReactJS without jQuery
  • Free Premium Quality Support
  • Sticky Header
  • Google Fonts
  • 100% Responsive
  • Nice and Clean Design
  • Clean and commented code
  • Customizable all components of each page
  • Integrated with FontAwesome
  • Easy to customize
  • Flexible and multi-purpose
  • Valid / CSS3
  • 24/7 Awesome support
  • Detailed documentation

What's Included

After purchasing Acadia - University & Online Course template on themeforest.net with your Envato account, go to your Download page. You can choose to download Acadia - University & Online Course template package which contains the following files:

The contents of the template package downloaded from ThemeForest

  • Acadia - An Next js Template file. this file you ca edit and use for your business.
  • Documentation - This folder contains what you are reading now :)

React Installation

Please follow the instructions in the video to see how you can install react on your hosting:

  1. For local host -
    1. Open you command prompt
    2. npm install or npm install --legacy-peer-deps
    3. npm run dev (will start the dev server at http://loaclhost:3000)


  1. To deploy a Next.js application on Vercel, you can follow these steps: -
    1. Sign up for an account on Vercel if you don't have one already.
    2. Connect your GitHub, GitLab, or Bitbucket repository where your Next.js application is hosted.
    3. Import your repository on Vercel and select the Next.js project to be deployed.
    4. Make sure that your .env.local file variables are set up correctly. when your import your repository on vercel by creating a project
    5. Vercel will automatically detect your Next.js application and perform the necessary build and deployment steps.
    6. Once the deployment is complete, you'll be able to access your application using the URL provided by Vercel.

Basic Site Settings

Change Site Title, Favicon and Page Title

To change your Site title and Favicon open the Acadia - University & Online Course in your editor and go to the location by following screenshot which are given bellow.

3.1.1
You can change title here
3.1.1
You can change favicon here

Customize Menu

To customize menu do the following:

  1. From the project folder go to src data menu-data.tsOpen the menu you want to use
  2. Then customize the menu
3.1.1
Customize the menu

Customize Course Data

To change course data and setting you can change by following this screenshot here.

  1. From the project folder go to src data course-data.ts Open the menu you want to use
  2. Then customize the course data
3.1.1
Customize the Course data

Customize blog Data

To change course data and setting you can change by following this screenshot here.

  1. From the project folder go to src data blog-data.ts Open the menu you want to use
  2. Then customize the blog data
3.1.1
Customize the blog data

404

To change 404 and setting you can change by following this screenshot here.

  1. From the project folder go to src app not-found.tsx Open the menu you want to use
  2. Then customize the 404 data
3.1.1
Customize the 404

Colors

To change color and setting you can change by following this screenshot here.

  1. From the project folder go to public assetsscss utils color.scss Open the menu you want to use
  2. Then customize the color data
3.1.1
Customize the color

Typography

To change Typography and setting you can change by following this screenshot here.

  1. From the project folder go to public assets scss theme theme.scss Open the menu you want to use
  2. Then customize the Typography data
3.1.1
Customize the Typography

Support

If you face any issue please contact us at Support Ticket. We provide 15 hours real-time support for our customers.

Thank you for purchasing our template.