Industry
Industry - Factory & Industrial React Nextjs Template
Thank you for purchasing this NextJs template.
Package Installation & Setup -
1.- Install npm
It will create 'node_module' folder in this all dependency files will be install with this command
npm install
2.- Run Project
With is command file will be compiled and it will be loaded on local server `http://localhost:5173/
npm run dev
3.- Deploying your site
For More details Click
Folder Directories -
-
package.json
All dependencies
-
public
Static assets to be served
-
components
This folder component files for various template features.
-
app/(shortcodes)
This folder contains all the elements files of Industry template.
-
app
This folder has all pages components for various template features.
-
public/images
This folder has all images form used in the template.
-
public/css
Css file
Files -
- package
- public
- images
- video
- fonts
- css
- app
- page.jsx
- layout.jsx
- (page-group)
- page-name
- page.jsx
- page-name
- components
- component-group
- component.jsx
- component-group
- package.json
- package-lock.json
- public
Theme Features -
Color Theme
Choosing a color theme for a website is an important part of creating a visually appealing and effective design. Here are so many color option available, you can choose a color theme for your website.
<body data-theme-color="skin-1-theme">
Layout Mode
Choosing a layout mode for a website is an important part of creating a visually appealing and effective design. Here are so many mode option available, you can choose a layout mode for your website.
<body className="wide-layout">
<body className="boxed">
<body className="frame">
Header
The header of a website is the top section of the site that appears on every page. It typically includes the website logo, navigation menu, and sometimes additional elements such as a search bar, social media icons, or a call to action. Here we used fixed and sticky header in our website-
Header Fixed is-fixed
<div className="main-bar-wraper navbar-expand-lg sticky-header is-fixed">
Header Static sticky-no
<div className="main-bar-wraper navbar-expand-lg sticky-no">
Project Main Features -
Credits -
-
Next.js
-
imagesloaded
-
isotope-layout
-
https://www.npmjs.com/package/lightgallery
-
rc-slider
-
react-countdown
-
Swiper Slider
-
react-modal-video
Main Page -
app/layout.jsx
import "../public/main.css";
export default function RootLayout({ children }) {
return (
<body>
<main>
{children}
</main>
</body>
);
}
Demo Page -
app/(page-group)/page-name/page.jsx
const Blankpage = () => {
return (
<div>
<h5>
This is empty page
</h5>
</div>
);
}
Our Products -
Do You Need Help To Customization
After Purchase A Template...
You Will Start Customizing According Your Requirement
BUT What If You Don't Know
SOLUTION IS HIRE DexignZone
Hire Same Team For Quality Customization
- In Order To Ensure Your Website Is Live, We Will Customize
- The Template According To Your Requirements And Upload It to the Server.