{"id":21809463,"url":"https://github.com/who-jonson/sakai-nuxt","last_synced_at":"2025-05-16T11:06:02.517Z","repository":{"id":39633403,"uuid":"440050094","full_name":"who-jonson/sakai-nuxt","owner":"who-jonson","description":"Starter Admin Template based on Nuxt 3 and PrimeVue 3","archived":false,"fork":false,"pushed_at":"2025-05-15T20:19:26.000Z","size":8295,"stargazers_count":296,"open_issues_count":15,"forks_count":44,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-15T21:29:24.547Z","etag":null,"topics":["nuxt3","nuxt3-admin","nuxt3-starter","nuxt3-template","primevue","scss","template","typescript","vue","vue3"],"latest_commit_sha":null,"homepage":"sakai-nuxt.vercel.app","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/who-jonson.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-12-20T05:13:56.000Z","updated_at":"2025-05-15T06:33:43.000Z","dependencies_parsed_at":"2023-02-18T21:31:17.013Z","dependency_job_id":"34798edb-6a07-49fa-a617-8fadd6d04c9b","html_url":"https://github.com/who-jonson/sakai-nuxt","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/who-jonson%2Fsakai-nuxt","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/who-jonson%2Fsakai-nuxt/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/who-jonson%2Fsakai-nuxt/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/who-jonson%2Fsakai-nuxt/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/who-jonson","download_url":"https://codeload.github.com/who-jonson/sakai-nuxt/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254518383,"owners_count":22084374,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["nuxt3","nuxt3-admin","nuxt3-starter","nuxt3-template","primevue","scss","template","typescript","vue","vue3"],"created_at":"2024-11-27T13:21:53.047Z","updated_at":"2025-05-16T11:05:57.508Z","avatar_url":"https://github.com/who-jonson.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"#  Sakai Admin Template for Nuxt 3  \n\nVisit [Sakai Nuxt](https://sakai-nuxt.vercel.app) website for a live preview. \n \n\u003e [!TIP]\n\u003e See [the playground](https://stackblitz.com/~/github.com/who-jonson/sakai-nuxt) for a full working example\n \n### Getting Started\nTo get started, clone this repository from GitHub and install the dependencies with pnpm or npm or yarn.\n                \n```bash\npnpm install  # npm install\n```\n\nor\n\n```bash\nyarn install\n```\n\nNext step is running the application using the serve script and navigate to **http://localhost:3000/** to view the application.\nThat is it, you may now start with the development of your application using the Sakai template.\u003c/p\u003e\n\n```bash\npnpm dev # npm run dev\n```\n\nor\n\n```bash\nyarn dev\n```\n\n### Nuxi CLI Scripts\nFollowing commands are derived from create app.\n```\n\"pnpm run dev\": Starts the development server\n\"pnpm run build\": Builds the application for deployment.\n\"pnpm run generate\": Builds the application for static deployment.\n\"pnpm run start\": Runs the production server.\n```\n\n### Structure\nSakai consists of 2 main parts; the application layout and the resources. **app.vue** inside src folder is the main component containing the template for the base layout whereas required resources such as SASS structure for the layout are placed inside the **src/assets/** folder.\u003c/p\u003e\n\n### Layout Components\nMain layout is the template of the **app.vue**, it is divided into a couple of child components such as topbar, menu and footer. Here is template of the\n**app.vue** component that implements the logic such as menu state, layout modes and so on.\n\n### Menu\nMenu is a separate component defined in **AppMenu.vue** file based on PrimeVue MenuModel API. In order to define the menuitems,\nnavigate to data section of **app.vue** file and define your own model as a nested structure using the **menu** property.\n\n### Dependencies\nDependencies of Sakai are listed below and needs to be added to package.json.\n\n```json\n{\n    \"primeflex\": \"3.2.1\",\n    \"primeicons\": \"6.0.1\",\n    \"primevue\": \"3.17.0\"\n}\n```\n\n### PrimeVue Theme\nSakai uses the free Saga, Arya and Vela themes which are distributed within PrimeVue, however it can be used with any PrimeVue theme as well such as material, tailwind and bootstrap as layout colors are derived from the theme used via CSS variables.\n\n### SASS Variables\nIn case you'd like to customize the layout variables, open **_variables.scss** file under src/layout folder. The list is pretty short as majority of the variables are derived from the PrimeVue theme being used.\n\n**src/assets/_variables.scss**\n```css\n$fontSize: 1rem;\n$borderRadius: 12px;\n$transitionDuration: .2s;\n$maskBg: rgba(0, 0, 0, 0.4);\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwho-jonson%2Fsakai-nuxt","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwho-jonson%2Fsakai-nuxt","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwho-jonson%2Fsakai-nuxt/lists"}