Svelte Setup

Ynex is a fully featured premium admin dashboard template in Svelte with Sveltekit and with Vite and developer-friendly codes.

---

Create a workspace and initial application

You develop apps in the context of an Svelte workspace.
To create a new workspace and initial starter app just follow the below steps

1. Run the command , as shown below

          npx sv create myapp
          
If you want to create an single-page project in Svelte, you need to install the necessary Svelte as below
           
This new command prompts for the information about features to include in the initial app. Accept the defaults by pressing the Enter 
  or Return key.
          
The Svelte installs the necessary Svelte npm packages and other dependencies. This can take a few minutes. This creates a new workspaces and
  a simple Welcome app, ready to run.
          

Run the application

The Svelte includes a server, so that you can build and serve your app locally.

1. Navigate to the workspace folder, such as myapp.
2. Run the following commands:

          cd myapp
          npm run dev
          

The yarn or npm serve command launches the server, watches your files, and rebuilds the app as you make changes to those files. The npm run dev just Option automatically opens your default browser to http://localhost:5173/

Ynex

---

If you have already download and install node.js and Svelte then ignore prerequisites.

Prerequisites

Node.js

Download latest version of node.js from nodejs.org.
Install Node.js using downloaded file.
To check your node version, run node -v in a terminal/console window (cmd)

Svelte

To install the Svelte using npm, open a terminal/console window and run the following command.

          npm install 
          (or)
          yarn install 
          

Setup an Ynex Template by

1. Download the Ynexrar/zip file.
2. Extract it and then go in to Folder here you will see a YnexFolders
3. For Example
4. Here, I'm Choosing Svelte-file.
5. Now from a terminal window, navigate to the directory containing your application

Ynex/Svelte-file>

6. You can import all dependency by installing npm command

          npm install
          (or)
          yarn install

7. Now you are in stage to successfully run Ynex using below command:

          npm run dev
          (or)
          yarn run dev
          

Once you serve your application by default it will take their default port using http://localhost:5173/

Note

npm install

If your are using npm install, You have to delete the

yarn-lock file

(or)

yarn install

If your are using yarn install, You have to delete the

package-lock.json file

basically npm i is used to install all dependencies or devDependencies from a package. if there will be any dependencies which need to be installed but getting error message while installing, then --force will help to install those dependencies.

The --force argument will force npm to fetch remote resources even if a local copy exists on disk. It will be on a last-dependency-downloaded-wins basis and will overwrite any previously downloaded dependencies.

npm install --force

if there is peer dependency issues while installing
it will always skip peer dependencies (whatever those are) during installation even if there are no issues.

npm install--legacy-peer-deps

we have to use only one file example: (for yarn-lock) & (for npm package-lock.json) file

Build Application

Build your application for host on server using below command:

          yarn run build
          (or)
          npm run build

Post Build Process (create file manually):

The posbuild file helps automatically generate the .htaccess file for your web server. It contains necessary rules and configurations tailored to our project’s needs, ensuring that the server behaves as expected. This includes things like setting up redirects, handling URL rewrites, and improving security by managing access to certain parts of the site. By using this file, you can ensure that the web server is configured correctly without needing to manually update the .htaccess file every time.