{"id":21037351,"url":"https://github.com/macx/kirby-vite-starterkit","last_synced_at":"2026-05-19T02:01:37.499Z","repository":{"id":136340926,"uuid":"492722966","full_name":"macx/kirby-vite-starterkit","owner":"macx","description":"Preconfigured Starterkit for Kirby CMS with Vite Asset Bundling","archived":false,"fork":false,"pushed_at":"2024-02-26T16:22:54.000Z","size":216,"stargazers_count":0,"open_issues_count":2,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-19T20:03:26.269Z","etag":null,"topics":["kirby","kirby-cms","php","starter-kit","starterkit","vite"],"latest_commit_sha":null,"homepage":"","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/macx.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2022-05-16T07:14:02.000Z","updated_at":"2023-01-29T13:58:01.000Z","dependencies_parsed_at":"2023-09-30T21:16:09.910Z","dependency_job_id":null,"html_url":"https://github.com/macx/kirby-vite-starterkit","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/macx/kirby-vite-starterkit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macx%2Fkirby-vite-starterkit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macx%2Fkirby-vite-starterkit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macx%2Fkirby-vite-starterkit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macx%2Fkirby-vite-starterkit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/macx","download_url":"https://codeload.github.com/macx/kirby-vite-starterkit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macx%2Fkirby-vite-starterkit/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266737718,"owners_count":23976392,"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","status":"online","status_checked_at":"2025-07-23T02:00:09.312Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["kirby","kirby-cms","php","starter-kit","starterkit","vite"],"created_at":"2024-11-19T13:25:46.772Z","updated_at":"2026-05-19T02:01:37.493Z","avatar_url":"https://github.com/macx.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Kirby \u0026 Vite Starterkit\n\nUse this Starterkit for your next [Kirby](https://getkirby.com/)-CMS-Project. It comes with a customized Panel, customized Styles and with the build tool [Vite](https://vitejs.dev/) for fast asset bundling. [Kirby Vite](https://github.com/arnoson/kirby-vite) is building the bridge between Kirby and Vite by providing helper functions to get the correct path to the versioned assets.\n\nThis Starterkit will open the Website and it's Panel in development mode, will live reload changed Content, Assets and Templates. You can additionally use own Scripts and Styles per Page.\n\n## Prerequisites\n\nKirby is a file-based CMS based on PHP. Please make sure your environment meets the [Kirby requirements](https://getkirby.com/docs/guide/quickstart#requirements).\n\nFor the frontend development, this package requires [Node.js](https://nodejs.org/en/download/), [corepack](https://github.com/nodejs/corepack) and [Composer](https://getcomposer.org/download/) to be installed. Corepack is used to install the locked package manager (pnpm), where Composer is used to manage PHP dependencies.\n\n\u003cdetails\u003e\n  \u003csummary\u003eInstall Node.js and corepack\u003c/summary\u003e\n\nFollow the official installation guide of [Node.js](https://nodejs.org/en/download/) and be sure to choose the LTS version. If your Node.js is higher than the LTS version, you need to \"downgrade\" it.\n\nCorepack is shipped with Node.js until version 25 and is enabled by default.\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eUninstall your global Package Managers\u003c/summary\u003e\n\nYou need to uninstall your global Yarn and pnpm binaries to avoid conflicts with corepack.\n\n```shell\nnpm uninstall -g yarn pnpm\n```\n\n\u003c/details\u003e\n\n## Installation\n\nIf your Computer is ready-to-go, clone this Repository and install it's dependencies.\n\n```shell\ngit clone git@github.com:macx/kirby-vite-starterkit.git my-new-project\ncd my-new-project\ncomposer install\ncorepack enable\npnpm install\n```\n\nTo get feature updates from this starterkit, add a remote host entry and pull a new version. Be sure to commit your changes before. If you just want to update Kirby, [do it on your own](https://getkirby.com/docs/cookbook/setup/composer#updating-kirby).\n\n```shell\ngit remote add starterkit git@github.com:macx/kirby-vite-starterkit.git\ngit pull starterkit main --rebase --autostash\n```\n\n## Development\n\nTo start the development server, run:\n\n```sh\npnpm run dev\n```\n\nYou can also run the following commands:\n\n```sh\n# Build the project\npnpm run build\n\n# Preview the built project\npnpm run preview\n```\n\n#### Folder Structure\n\n\u003c!-- prettier-ignore --\u003e\n| Folder | What's in it? |\n| :-- | :--  |\n| `/content` | The [content](https://getkirby.com/docs/guide/tour#where-the-content-lives) of  your  website. |\n| `/src` | All your assets for the Vite bundling. `main.js` and `main.css` are your main styles and script. |\n| `/src/assets` | Folder for your global Fonts and Images. |\n| `/src/templates` | Optionally, every page can contain it's own styles `index.css` and script `index.js`. |\n| `/site` | Project folder for Kirbys [Config](https://getkirby.com/docs/guide/configuration), [Blueprints](https://getkirby.com/docs/guide/blueprints/introduction), [Plugins](https://getkirby.com/docs/guide/plugins/plugin-basics), [Snippets](https://getkirby.com/docs/guide/templates/snippets) and [Templates](https://getkirby.com/docs/guide/templates/basics). |\n| `/dist` | The [Public folder](https://getkirby.com/docs/guide/configuration#custom-folder-setup__public-folder-setup) is your document root of your website, including the bundled assets from Vite. |\n\n## Thanks to\n\nThis Starterkit was heavely inspired by the [Kirby Vite Multi Page Kit](https://github.com/arnoson/kirby-vite-multi-page-kit) from @arnoson.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmacx%2Fkirby-vite-starterkit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmacx%2Fkirby-vite-starterkit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmacx%2Fkirby-vite-starterkit/lists"}