Sakai is an application template originally built for Vue, now migrated to Nuxt for enhanced features such as server-side rendering, static site generation, and improved development experience. The migration was based on the original Vue template. You can find the Nuxt version in the Sakai Nuxt repository.

To get started, clone the repository from GitHub and install the dependencies with npm or yarn.

git clone https://github.com/suprimpoudel/sakai-nuxt
npm install
npm run dev

Navigate to http://localhost:3000/ to view the application in your local environment.

npm run dev

This project has been migrated to Nuxt to leverage its powerful features, including:

• Improved performance with server-side rendering (SSR).
• Support for static site generation (SSG).
• Nuxt modules for features like SEO, state management, and more.
• Simplified routing via file-based system.
• Enhanced developer experience with hot module replacement and better tooling.

The folder structure has been adapted for Nuxt. Key changes include:

• pages/: Replaces the src/views folder and follows Nuxt's file-based routing.
• layouts/: Contains the main layout files similar to src/layout.
• assets/: Styles and other assets remain similar to the original Vue template.
• composables/: Houses reusable stateful logic (equivalent to src/layout/composables).
• nuxt.config.js: Configuration file for Nuxt-specific settings.

The main menu is now defined in layouts/AppMenu.vue. You can update the model property to define your menu items as before.

The demo pages continue to utilize Tailwind CSS, with no significant changes to the integration in the migration.