If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.

Dorsin is a multi purpose Next.js landing page template built for any app development, agency or business. It’s fully responsive and built with bootstrap v5.3.3. You will be easily able to customize it for your needs.

Please feel free to get back to me in case if you are having any question or feedback.

The zip file contains all js files integrated with Dorsin, however you need to perform following steps to run project locally. Make sure to use node version 20 or greater.

 npm install / yarn install 
Note : Make sure this all installation process is done in command prompt.

After Completion of installation Run following command in command promt to run project on http://localhost:3000

npm run dev / yarn run dev

I have tried to follow the standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.

File & Folder Structure


├── .next
├── components
	├── Common
	├── Footer
	└── header
├── layouts
	├── Auth.js
	└── Landing.js
├── pages
	├── _api.js
	├── 404.js
	└── index.js
├── public
	├── favicon.ico
	└── assets
		├── css
		├── fonts
		└── images
├── .gitignore
├── next.config
├── package-lock.json
└── package.json

App.js Structure


CSS


Files are explained below:

File Description
bootstrap.min.css Dorsin uses the bootstrap v5.3.3. The core bootstrap file is being used in all the pages.
style.css This file is containing all common styles for all the pages.

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

Once again thank you for your purchase. I'll be happy to answer the the questions you have related to the theme. In case if you have any suggestion or feature, request please feel free to contact me, I'll try to implement it and will release as part of future updates.

Stay Awesome!

- Themesbrand

To have dark mode enabled, Keep your body element with data attribute data-bs-theme="dark".
E.g. <html data-bs-theme="dark"> to have Dark layout. Which is Set from src/components/Footer/Switcher.js file.

To have Light mode enabled, Keep your body element with remove data attribute data-bs-theme="dark".
E.g. <html> to have Light Mode. Which is Set from src/components/Footer/Switcher.js file.

Version 1.2.0     07 November, 2024

  • Added Color Switcher.
  • Replaced Assets folder and added in public folder.
  • Updated bootstrap to v5.3.3.
  • Upgraded all the depencies and packages.
  • Removed node-sass and added sass.
  • Removed Unneccessary Plugins.
  • Minor issue fixes.

Version 1.0.0     28 Nov 2023

  • Initial released

Copyright © Themesbrand.