{"id":23148193,"url":"https://github.com/mrottow/vite-wordpress-plugin-block-example","last_synced_at":"2026-02-14T05:02:33.260Z","repository":{"id":268310430,"uuid":"903940895","full_name":"mrOttoW/vite-wordpress-plugin-block-example","owner":"mrOttoW","description":"ViteJS WordPress plugin boilerplate using vite-wordpress to create a block.","archived":false,"fork":false,"pushed_at":"2024-12-17T23:05:21.000Z","size":10,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-09T23:29:51.363Z","etag":null,"topics":["php","vite","vite-plugin","vite-wordpress","vitejs","wordpress","wordpress-development","wordpress-plugin","wp","wp-plugin"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/mrOttoW.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-15T23:51:41.000Z","updated_at":"2024-12-17T23:05:25.000Z","dependencies_parsed_at":"2024-12-16T00:26:38.339Z","dependency_job_id":"0e1f9da0-d1d8-4693-b03a-0ee3dee9da90","html_url":"https://github.com/mrOttoW/vite-wordpress-plugin-block-example","commit_stats":null,"previous_names":["mrottow/vite-wordpress-plugin-block-example"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrOttoW%2Fvite-wordpress-plugin-block-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrOttoW%2Fvite-wordpress-plugin-block-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrOttoW%2Fvite-wordpress-plugin-block-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrOttoW%2Fvite-wordpress-plugin-block-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mrOttoW","download_url":"https://codeload.github.com/mrOttoW/vite-wordpress-plugin-block-example/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247189576,"owners_count":20898691,"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":["php","vite","vite-plugin","vite-wordpress","vitejs","wordpress","wordpress-development","wordpress-plugin","wp","wp-plugin"],"created_at":"2024-12-17T17:09:39.407Z","updated_at":"2026-02-14T05:02:33.233Z","avatar_url":"https://github.com/mrOttoW.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ⚡️ create-vite-block\n\nThis repository demonstrates how the \u003ca href=\"https://github.com/mrOttoW/vite-wordpress\"\u003evite-wordpress\u003c/a\u003e node package and \u003ca href=\"https://github.com/mrOttoW/vite-wordpress-php\"\u003evite-wordpress-php\u003c/a\u003e composer package can be used within a WordPress plugin to create a block.\n\n## Installation\n\n1. Clone repo into a new plugin folder called `create-vite-block`\n\n2. Install the composer package\n    ```bash\n    composer install\n    ```\n3. In your local environment, install the node packages via npm or yarn:\n    ```bash\n    npm install\n    # or\n    yarn install\n    ```\n4. Create an initial build from the uncompiled files.\n    ```bash\n    npm run build\n    # or\n    yarn build\n    ```\n5. Start development server on your local environment\n    ```bash\n    npm run start\n    # or\n    yarn start\n    ```\n6. Ensure you refresh the WordPress page you're on (once) so the page loads the injected Vite client.\n\n### Base\nIf you're not using a traditional WordPress setup or want to use a different plugin folder/name, update the `base` in `vite.config.js`.\n\n### Local environment / DDEV\nWhen using a local environment like DDEV, make sure to install the Node packages on the server via SSH and ensure the ports are exposed.\n\n(Default port configured in Vite: `5173`). \n\nFor DDEV, you can use the following addon: https://github.com/mrOttoW/ddev-wordpress-vite","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrottow%2Fvite-wordpress-plugin-block-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrottow%2Fvite-wordpress-plugin-block-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrottow%2Fvite-wordpress-plugin-block-example/lists"}