{"id":16480597,"url":"https://github.com/fredericheem/van-kit","last_synced_at":"2025-03-23T11:33:06.463Z","repository":{"id":171800094,"uuid":"647832888","full_name":"FredericHeem/van-kit","owner":"FredericHeem","description":"A multi-page starter kit for the van.js library","archived":false,"fork":false,"pushed_at":"2024-03-10T19:13:51.000Z","size":133,"stargazers_count":14,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-18T20:13:15.507Z","etag":null,"topics":[],"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/FredericHeem.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}},"created_at":"2023-05-31T16:01:45.000Z","updated_at":"2025-02-26T19:03:22.000Z","dependencies_parsed_at":null,"dependency_job_id":"bbbef0b6-f699-48b4-8f44-111af8b4305d","html_url":"https://github.com/FredericHeem/van-kit","commit_stats":null,"previous_names":["fredericheem/van-kit"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FredericHeem%2Fvan-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FredericHeem%2Fvan-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FredericHeem%2Fvan-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FredericHeem%2Fvan-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FredericHeem","download_url":"https://codeload.github.com/FredericHeem/van-kit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245097159,"owners_count":20560311,"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-11T13:04:44.677Z","updated_at":"2025-03-23T11:33:06.060Z","avatar_url":"https://github.com/FredericHeem.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Van.js Multi Page App Starter Kit under 5Kb\n\nThis project implements a _Multi Page App_, all batteries included under **5Kb**, based on the [Van.js](https://vanjs.org/) library.\n\nA dependency-free _router_ is also included, featuring nested routes that can be loaded dynamically, reducing the bundling size significantly.\n\nCSS support is provided by [goober](https://goober.js.org/), a less than 1KB css-in-js solution.\n\nCentralized theming for your components, the theme object provides information about the colors, shape, transitions, typography common to your components. See [theme.js](./src/utils/theme.js)\n\n## Multi Page App\n\nFor most of the project, a website comes in 3 different forms:\n\n- a landing page for unauthenticated user.\n- an application for the authenticated user.\n- an application for the administrator and support people\n\nInstead of creating 3 different repositories, multi page apps allows to use one repository, hence sharing code is as easy as it can get, no more duplications of components, vite configs, themings and so on.\n\nEach app is located at the `src/pages` directory.\n\nA collection of reusable components such as buttons, input, alert is available at [components](components/)\n\n## Workflow\n\nFor an enhanced developer experience, this project is built with [Vite](https://vitejs.dev/).\n\nInstall the dependencies:\n\n```sh\nnpm install\n```\n\nStart a development server:\n\n```sh\nnpm run dev\n```\n\nBuild a production version:\n\n```sh\nnpm run build\n```\n\n```txt\n\u003cdist\u003e/index.html\n\u003cdist\u003e/admin.html\n\u003cdist\u003e/storybook.html\nvite v4.3.9 building for production...\n✓ 37 modules transformed.\ndist/index.html                    0.69 kB │ gzip: 0.40 kB\ndist/storybook.html                0.69 kB │ gzip: 0.41 kB\ndist/admin.html                    0.76 kB │ gzip: 0.42 kB\ndist/assets/router-00fe99d8.css    0.89 kB │ gzip: 0.48 kB\ndist/assets/notFound-b8464423.js   0.10 kB │ gzip: 0.11 kB\ndist/assets/formLogin-f93433b9.js  0.47 kB │ gzip: 0.32 kB\ndist/assets/landing-30eb12da.js    1.02 kB │ gzip: 0.53 kB\ndist/assets/admin-2cc5bb6c.js      1.63 kB │ gzip: 0.83 kB\ndist/assets/storybook-01f85d43.js  7.50 kB │ gzip: 2.39 kB\ndist/assets/router-5c735e0c.js     7.87 kB │ gzip: 3.80 kB\n✓ built in 140ms\n\n```\n\nPreview the production version:\n\n```sh\nnpm run preview\n```\n\nVisualize the bundle size:\n\n```sh\nnpm run bundle-visualizer\n```\n\n## Contributions\n\nPlease open a bug or feature request at [van-kit GitHub](https://github.com/FredericHeem/van-kit)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffredericheem%2Fvan-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffredericheem%2Fvan-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffredericheem%2Fvan-kit/lists"}