Getting Started

Welcome to Lexend - Software, SaaS & Startup NextJs Template We would like to thank you for choosing our template - Lexend.

It’s built with the most modern tools Nextjs + Bootstrap 5. it’s a high-Quality and well organized Nextjs Template specially designed to fit all the needs of a Real Estate Business. With a wide variety of custom pages, 10 completely different Homepages and endless design possibilities.

it’s a very complete and highly customizable Nextjs template that will help you build your own website layouts. It's Simple, elegant, extensive, professional..

Requirements

There are system requirements in order to install and setup this template and its components properly. Make sure that you alredy installed Node.js and Yarn in your pc

Recommended node and yarn

installation

installation

Install Yarn

installation

What's Included

After purchasing Lexend template on themeforest.net with your envato account, go to your download page. You can choose to download Lexend template only (Installable Nextjs template) or the entire Lexend template.After extract the package you will find following this files:

whats-included

You can get the following items after purchasing our template from themeforest

  • Lexend - An Installable Nextjs template zip file. this file you need to upload
  • License - This folder contains the terms and conditions of the license.
  • Documentation - This folder contains what you are reading now :)

Next Installation

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

  1. For local host -
    1. Open you command prompt
    2. yarn install
    3. yarn dev (will start the dev server at http://loaclhost:3000)
  2. Deploying to Netlify - https://youtu.be/M7TJeCk4iL8?si=7xXP229oNRChQykc


  1. For locally build -
    1. Open you command prompt
    2. yarn build (will build locally and generate public directory)
    3. yarn start (will start the locally build server at http://loaclhost:3000)
  2. Deploying to Vercel - https://youtu.be/M7TJeCk4iL8?si=7xXP229oNRChQykc


Other Scripts
  1. Open you command prompt
  2. yarn lint:fix (This will format your code and fix auto fixable eslint error)

Change Site Title and Favicon

To change your Site title and Favicon open the Lexend in your editor and go to the location by following screenshot which are given bellow.

go to Appearance -> Import Demo Data
By folllowing this screenshot you can change favicon image
go to Appearance -> Import Demo Data
By folllowing this screenshot you can change page title

Change Primary Color

To change your Primary Color logo by following screenshot

  1. From the template options go to public assets css themes main.min.purgs.css
go to Appearance -> Import Demo Data
By folllowing this screenshot you can change your Primary Color

Hero Section

To change Hero Section content by following this screenshot here.

  1. From the template options go to components homes>home-1 (homepages)>Hero.jsx(hero components)
Change Profile Image
Change Hero Section Content

Home Page Structure

To change Home Page and its folder content by following this screenshot here.

  1. From the template options go to app (homes)
Change Profile Image
Change Homepage Content you can follow this above screenshot

About page Structure

To change About pages and its folder content by following this screenshot here.

  1. From the template options go to app (innerPages)>page-about
Change Profile Image
Change About page Content you can follow this above screenshot

Career page Structure

To change Career pages and its folder content by following this screenshot here.

  1. From the template options go to app (otherPages)>page-career
Change Profile Image
Change Career page Content you can follow this above screenshot

Blog

To change blog pages and its folder content by following this screenshot here.

  1. From the template options go to app (blog)
Change Blog Archive Setting
Change Blog Content by the following screenshot

shop

To change shop pages and its folder content by following this screenshot here.

  1. From the template options go to app (shop)
Change Blog Archive Setting
Change shop Content by the following screenshot

Contact

To change Contact Form and Address you can change by following this screenshot here.

  1. From the template options go to app (pages) contact
Change Blog Archive Setting
Change Contact Content by the following screenshot

Footer

To change your Footer content you can change by following this screenshot here.

  1. To Change footer data and social from the data folder options go to components footers
Change Back to Top Arrow Setting
Change Footer Content by following this screenshot.

All Data for this site

To change your data content you can change by following this screenshot here.

  1. To Change data from the data folder options go to data
Change Back to Top Arrow Setting
Change All Data Content by following this screenshot.

404 Page

To change 404 page content you can change by following this screenshot here.

  1. To change 404 page content from the data folder options go to app
Change Back to Top Arrow Setting
Change 404 page Content by following this screenshot.

Change Log

elite-themes24 Team never stops Improving, bug fixes, and improvements. See What's New. We recommend you to read the changelog for every update.

17 October 2024

Next release

1.3.0

Relese1) Resolved the primary color change issue.
2) Documentation Updated.

05 September 2024

Next release

1.2.0

Relese1) Header Dropdown Megamenu Fit and sizing issue fixed
2) Documentation Updated.

03 September 2024

Next release

1.1.1

Relese1) home 1 hero icon missing issue fixed
2) Grid with sidebar new inner pages added

27 August 2024

Initial release

1.0.0

Relese1) Item Release

If you need the template customization or custom development services please contact us.

Email Us