Introduction

Ynex - Premium Asp.Net Mvc5 & Core10 Bootstrap-5 Admin Template, With these template formats, it's very easy to create a presence and grab someone's attention around the web page Because the template is built using HTML5, CSS3, Bootstrap 5 framework and with Sass. So please before you start working with the template take a quick look on the documentation so that you can easily built your website.

Support and Updates:

When you purchase Ynex , you gain access to free future updates to ensure your template remains up-to-date. Plus, our support team is always ready to assist with any questions.

What Do You Get with the Ynex :

Ynex provides all necessary CSHTML, CSS, SCSS, JS files, along with detailed Documentation to help you easily customize and implement the template.

Ynex Compatibility with Popular Browsers:

Ynex is fully compatible with major browsers, ensuring a seamless user experience across Chrome, Firefox, Safari, Edge, and Opera.

1. To ensure consistency across all pages, use the base file as the base layout for each CSHTML page. This allows for central management of shared elements like headers, footers, and navigation. To achieve this, include the following code at the top of each CSHTML file:

    
    
@section styles{

}


@section scripts{
	
}
    

Use for Asp.Net MVC5

• First, unzip the project folder that you received from us.
• Navigate as shown Example: F:\project folder\templates\ Open Views folder will have 175 cshtml pages
• Navigate as shown Example: C:\projectname\Views\shared\layouts Open folder there you will find _header.cshtml, _sidebar.cshtml and _footer.cshtml, and _switcher.cshtml, files and etc..,.
• Navigate as shown Example: C:\projectname\Views\shared Open folder there you will find _Layout.cshtml,_CustomLayout.cshtml, _LayoutLanjobs.cshtml _LayoutLan.cshtml.

Use for Asp.Net Core10

• First, unzip the project folder that you received from us.
• Navigate as shown Example: F:\project folder\templates\ Open pages folder will have 175 cshtml pages
• Navigate as shown Example: C:\projectname\Pages\shared\layouts Open folder there you will find _header.cshtml, _sidebar.cshtml and _footer.cshtml, and _switcher.cshtml, files and etc..,.
• Navigate as shown Example: C:\projectname\Pages\shared Open folder there you will find _Layout.cshtml, _CustomLayout.cshtml, _LayoutLanjobs.cshtml _LayoutLan.cshtml.

• Here _Layout.cshtml file is the base file for all the cshtml pages.
• Here _CustomLayout.cshtml file is the base file for all custom pages ex: error401.cshtml, error404.cshtml, error500.cshtml, createpassword_basic.cshtml, resetpassword_basic.cshtml, comingsoon.cshtml, signup_basic.cshtml and under_maintenance.cshtml etc..,
• Here _LayoutLan.cshtml file is the base file for all landing cshtml page.
• Here _LayoutLanjobs.cshtml file is the base file for all jobs landing cshtml page.

Introduction to the Asp.Net Mvc5 & Core10 Starter Kit:

The Asp.Net Mvc5 & Core10 starterkit is a resource that helps developers kickstart their Asp.Net Mvc5Mvc5 & Core10 web development projects by providing a preconfigured and ready-to-use template. It aims to simplify the initial setup and provide a foundation for building Asp.Net Core10 & Core10 Framework-based websites or applications.

Purpose of the Asp.Net Mvc5 & Core10 Starter Kit:

The purpose of the Asp.Net Mvc5 & Core10 starter kit is to save developers time and effort by offering a set of prebuilt files and configurations commonly used in Asp.Net Mvc5 & Core10 projects. Instead of starting from scratch, developers can leverage the starter kit to quickly set up a project structure that adheres to best practices and industry standards.

Benefits of Using the Asp.Net Mvc5 & Core10 Starter Kit:

The starter kit eliminates the need to set up the basic project structure manually. It provides a well-organized file and folder structure, including commonly used directories for separating code, templates, assets, and configuration files. This allows developers to focus more on implementing business logic rather than spending time on initial setup.

Starterkit Overview

You can use the Starterkit if you are creating a new project. It will be time-consuming to use the full admin version for a new project as Ynex have more than 175 pages.

We have provided all the pre-build layouts like Sidemenu, Header, footer and blank pages etc in the Starterkit.

For further information or support regarding the template, please contact us using the provided link: https://support.spruko.com/

• Take a quick look at the folder structure of the "Starterkit."
• Integration of your customized cshtml pages becomes easy when using the "Starterkit."
• The "Starterkit" provides all the layout components, related assets, and plugins.
• To explore the contents of the "Starterkit," unzip the project folder received after purchase.
Navigate to the following paths:

Use for Asp.Net MVC5

• Example: C:/projectname/Views/Home/- This folder contains files such as Index.cshtml file.
• Example: C:/projectname/Controllers/- This folder contains files such as HomeController.cs file.
• Example: C:/projectname/Views/Shared/layouts /- This folder contains files such as _header.cshtml, _sidebar.cshtml and _footer.cshtml, and _switcher.cshtml, files and etc..,.

Use for Asp.Net Core10

• Example: C:/projectname/Pages/- This folder contains files such as Index.cshtml and Index.cshtml.cs files.
• Example: C:/projectname/Pages/shared/layouts /- This folder contains files such as _header.cshtml, _sidebar.cshtml and _footer.cshtml, and _switcher.cshtml, files and etc..,.

esbuild is a blazing-fast JavaScript bundler and minifier designed for modern web development workflows. It is known for its exceptional speed, minimal configuration, and powerful features. Check here.

Prerequisites:

To install and set up all the prerequisites, follow these steps:

Ensure that Node.js is installed and running on your computer. If Node.js is already installed, you can skip this step. Otherwise, install it on your computer.

If you want to install and use the latest version of Node.js, you can find the necessary instructions on the official website.

To set up esbuild, you need to install it globally on your system. Run one of the following commands in your terminal:

 npm install -g esbuild

 npm install --save-dev esbuild

Installation

Please follow below steps to install and setup all pre requisites:

Make sure to have all above pre requisites installed & running in your computer

Open your terminal, go to your folder and enter below command. This would install all required dependencies in node_modules folder.

 npm install

Build Production File

After completing the above steps, run the following command from the project root (css and libs) in your terminal or command prompt:

 npm run build

Note:-Ensure all required node_modules are installed to run the Esbuild tasks successfully.

The following command performs several tasks to streamline your development workflow below are some of the task it performs :

1. Generates the css and libs folders directory