{"id":16978188,"url":"https://github.com/adkcodexd/mynuxt3","last_synced_at":"2026-04-11T00:01:35.612Z","repository":{"id":116123797,"uuid":"502795077","full_name":"ADKcodeXD/mynuxt3","owner":"ADKcodeXD","description":"nuxt3 template ","archived":false,"fork":false,"pushed_at":"2022-06-13T03:38:22.000Z","size":11865,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-26T16:44:17.205Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Vue","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/ADKcodeXD.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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}},"created_at":"2022-06-13T03:38:21.000Z","updated_at":"2022-06-26T05:03:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"e440d947-8b93-4d99-8025-8d00018390b3","html_url":"https://github.com/ADKcodeXD/mynuxt3","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"viandwi24/nuxt3-awesome-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ADKcodeXD%2Fmynuxt3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ADKcodeXD%2Fmynuxt3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ADKcodeXD%2Fmynuxt3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ADKcodeXD%2Fmynuxt3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ADKcodeXD","download_url":"https://codeload.github.com/ADKcodeXD/mynuxt3/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244875046,"owners_count":20524591,"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":[],"created_at":"2024-10-14T01:42:45.424Z","updated_at":"2026-04-11T00:01:35.502Z","avatar_url":"https://github.com/ADKcodeXD.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Nuxt 3 Awesome Starter\na Nuxt 3 starter template or boilerplate with a lot of useful features. and integrated with TailwindCSS 3.\n\n\u003e **WARNING** \\\n\u003e Nuxt 3 now in RC version (Release Candidate) [But i'm still using from nuxt3 latest version]  \n\u003e Nuxt 3 is still in beta and is not recommended for production use.  \n\u003e Breaking changes tracker can be found [here](https://github.com/nuxt/framework/discussions/2883)\n\n## Features\n- [x] 💨 [Tailwind CSS v3](https://tailwindcss.com/) with [Windicss](https://windicss.org/)\n- [x] ✨ [Headless UI](https://headlessui.dev/)\n- [x] 🔔 [Icon Pack Component (unplugin-icons)](https://icones.js.org/)\n- [x] 🛹 [State \u0026 Store Management (Pinia)](https://pinia.vuejs.org/)\n- [x] 🚩 [Localization (i18n) by @intlify](https://github.com/intlify/nuxt3)\n- [x] 📦 [Vue Composition Collection (Vueuse)](https://vueuse.org/)\n- [x] 🌙 Switch Theme (light, dark, system, realtime)\n- [x] 🇮🇩 Language Switcher\n- [x] 🪝 Built-in Component \u0026 Layout\n- [x] Eslint \u0026 Prettier\n- [x] Husky \u0026 Commitlint\n\n## To Do\n- [ ] Adding simple Unit Test\n- [ ] Adding HTTP Client\n- [ ] Configurable Theme (colors, fonts, etc)\n\n## Preview\n\u003ctable align=\"center\"\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"75%\"\u003e\n      \u003cimg src=\"https://github.com/viandwi24/nuxt3-awesome-starter/blob/main/assets/images/preview.gif?raw=true\" alt=\"Preview\" title=\"Preview\"\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"25%\"\u003e\n      \u003cimg src=\"https://github.com/viandwi24/nuxt3-awesome-starter/blob/main/assets/images/preview_mobile.gif?raw=true\" alt=\"Preview\" title=\"Preview\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003cp align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://nuxt3-awesome-starter.vercel.app/\" target=\"_blank\"\u003e\n    Live Demo\n  \u003c/a\u003e\n  \u003cbr\u003e\u003cbr\u003e\n  \u003ca href=\"https://codesandbox.io/s/github/viandwi24/nuxt3-awesome-starter\" title=\"Open In Code Sandbox\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Open%20in-CodeSandbox-blue?style=flat-square\u0026logo=codesandboxg\" alt=\"Open In Code Sandbox\"\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://stackblitz.com/github/viandwi24/nuxt3-awesome-starter\" title=\"Open In Stackblitz\"\u003e\n    \u003cimg src=\"https://developer.stackblitz.com/img/open_in_stackblitz.svg\" alt=\"Open In Stackblitz\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Table of Contents\n- [Nuxt 3 Awesome Starter](#nuxt-3-awesome-starter)\n  - [Features](#features)\n  - [To Do](#to-do)\n  - [Preview](#preview)\n  - [Table of Contents](#table-of-contents)\n  - [Quick Start](#quick-start)\n  - [Built-in Components](#built-in-components)\n  - [Notes](#notes)\n    - [Styles](#styles)\n    - [Theme (Dark Mode)](#theme-dark-mode)\n    - [Localization](#localization)\n    - [Icons](#icons)\n    - [Precommit and Postmerge](#precommit-and-postmerge)\n  - [License](#license)\n\n## Quick Start\n* This project using `yarn` as package manager.\n* Clone this project to your computer `git clone https://github.com/viandwi24/nuxt3-awesome-starter`\n* Install dependencies `yarn install`\n* Run `yarn dev` to start development server and open `http://localhost:3000` in your browser\n* Run `yarn build` to build project and `yarn start` to start production server\n\nCheckout the [deployment documentation](https://v3.nuxtjs.org/docs/deployment).\n\n\n## Built-in Components\n- [x] Footer\n- [x] Button\n- [x] Anchor (link)\n- [x] Navbar\n  - [x] Navbar Builder\n  - [x] Drawer (on mobile)\n  - [x] Options (on mobile)\n- [x] Action Sheet\n- [x] Theme Toggle / Switcher\n- [x] Page Layout\n  - [x] Wrapper\n  - [x] Header\n    - [x] Title\n  - [x] Body\n    - [x] Section\n      - [x] Section Wrapper\n      - [x] Section Title\n- [x] Dashboard Layout\n    - [x] Sidebar\n- [ ] Modal\n- [ ] Alert\n- [ ] \n\n## Notes\n### Styles\nTailwindcss import managed by windicss.\nand you can add custom styles in :\n```\n/path/to/assets/sass/app.scss\n```\n### Theme (Dark Mode)\nThemeManager is a plugin that allows you to switch between themes. this lib in :\n```\n/path/to/utils/theme.ts\n```\n`Thememanager` is a function-class construct when app.vue before mounted. theme construct inside `AppSetup()` in `/path/to/app.vue` :\n```vue\n\u003c!-- /path/to/app.vue --\u003e\n\u003cscript lang=\"ts\" setup\u003e\nimport { AppSetup } from '~/utils/app';\n// app setup\nAppSetup()\n\u003c/script\u003e\n```\nTo change theme, you can direct set theme from state `theme.setting`, example :\n```vue\n\u003cscript lang=\"ts\" setup\u003e\nimport { IThemeSettingOptions } from '~/utils/theme'\nconst themeSetting = useState\u003cIThemeSettingOptions\u003e('theme.setting')\nthemeSetting.value = 'dark'\n\u003c/script\u003e\n```\nWhen you change state `theme.setting`, it will automatically change theme.\n\nTheme Setting have 4 options :\n- `light`\n- `dark`\n- `system` (operating system theme)\n- `realtime` (realtime theme, if 05:00 - 17:00, it will change to light theme, otherwise dark)\n\nWe have state `theme.current`, this state return `light` or `dark` theme. basically it's process from `theme.setting`.\ndont change theme with this state.\n### Localization\nLocalization is a plugin that allows you to switch between languages. this lib in :\n```\n/path/to/utils/lang.ts\n```\n`LanguageManager` is a function-class construct when app.vue before mounted.\nthis lib depend on [@intlify/nuxt3](https://github.com/intlify/nuxt3)\nlang construct inside `AppSetup()` in `/path/to/app.vue` :\n\u003c!-- /path/to/app.vue --\u003e\n\u003cscript lang=\"ts\" setup\u003e\nimport { AppSetup } from '~/utils/app';\n// app setup\nAppSetup()\n\u003c/script\u003e\nTo change language, you can direct set language from state `lang.setting`, example :\n```vue\n\u003cscript lang=\"ts\" setup\u003e\nconst langSetting = useState\u003cstring\u003e('locale.setting')\nlangSetting.value = 'en'\n\u003c/script\u003e\n```\nWhen you change state `locale.setting`, it will automatically change language.\n### Icons\nThis project using unplugin-icons for auto generate and import icon as component.\n\nYou can see collection icon list in : [https://icones.js.org/](https://icones.js.org/)\n\nyou can use `\u003cprefix-collection:icon /\u003e` or `\u003cPrefixCollection:Icon /\u003e`.\n\nin this project, configuration prefix as a \"icon\", you can see in `nuxt.config.ts` :\n```js\nexport default defineNuxtConfig({\n    ...\n\n    vite: {\n        plugins: [\n            UnpluginComponentsVite({\n                dts: true,\n                resolvers: [\n                    IconsResolver({\n                        prefix: 'Icon',\n                    }),\n                ],\n            }),\n        ],\n    },\n\n    ...\n})\n```\n\nExample :\n```vue\n// use icon from collection \"Simple Icons\" and name icon is \"nuxtdotjs\"\n\u003cIconSimpleIcons:nuxtdotjs /\u003e\n\n// use icon from collection \"Unicons\" and name icon is \"sun\"\n\u003cIconUil:sun /\u003e\n```\n### Precommit and Postmerge\nThis project using husky and commitlint for precommit and postmerge.\nwhen you commit, it will check your commit message and running \"yarn lint-staged\" to check your staged files.\nconfiguration in : `/path/to/.husky/pre-commit` and `/path/to/commitlint.config.js`\n\nAnd when Postmerge, it will run \"yarn\" to automatically install new dependencies.\nconfiguration in `/path/to/.husky/post-merge`\n\n## License\nThis project is licensed under the MIT license, Copyright (c) 2022 Alfian Dwi Nugraha. For more information see the [LICENSE](LICENSE.md) file.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadkcodexd%2Fmynuxt3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadkcodexd%2Fmynuxt3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadkcodexd%2Fmynuxt3/lists"}