{"id":21240599,"url":"https://github.com/chrisnajman/vite-basic-with-routing","last_synced_at":"2025-03-15T03:43:35.645Z","repository":{"id":230714500,"uuid":"779984588","full_name":"chrisnajman/vite-basic-with-routing","owner":"chrisnajman","description":"Vite routing setup with easy publish to Git Pages. Includes a custom 404 page, and dynamic sub-routes.","archived":false,"fork":false,"pushed_at":"2025-02-25T12:24:09.000Z","size":598,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-25T13:30:42.751Z","etag":null,"topics":["github-pages-website","react-router-dom","reactjs","useparams-hook","vitejs"],"latest_commit_sha":null,"homepage":"https://chrisnajman.github.io/vite-basic-with-routing/","language":"JavaScript","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/chrisnajman.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}},"created_at":"2024-03-31T11:12:37.000Z","updated_at":"2025-02-25T12:23:46.000Z","dependencies_parsed_at":"2024-11-21T00:52:10.182Z","dependency_job_id":null,"html_url":"https://github.com/chrisnajman/vite-basic-with-routing","commit_stats":null,"previous_names":["chrisnajman/vite-basic-with-routing"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrisnajman%2Fvite-basic-with-routing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrisnajman%2Fvite-basic-with-routing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrisnajman%2Fvite-basic-with-routing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrisnajman%2Fvite-basic-with-routing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chrisnajman","download_url":"https://codeload.github.com/chrisnajman/vite-basic-with-routing/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243681004,"owners_count":20330155,"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":["github-pages-website","react-router-dom","reactjs","useparams-hook","vitejs"],"created_at":"2024-11-21T00:52:04.301Z","updated_at":"2025-03-15T03:43:35.626Z","avatar_url":"https://github.com/chrisnajman.png","language":"JavaScript","readme":"# Vite with Basic Routing\n\n## Vite Setup (with Routing) and Easy Publish to Git Pages\n\nThis is a clone of [\"vite-react-router\" (Github repo) by Erick Kuwahara](https://github.com/ErickKS/vite-react-router/tree/main) with the following differences:\n\n- I converted `.tsx` (typescript) files to `.jsx`.\n- VS Code was complaining about it, so in `main.tsx` (which I renamed `main.jsx`) I removed `as HTMLElement` from:\n  `ReactDOM.createRoot(document.getElementById(\"root\") as HTMLElement).render(...`\n- I extracted the `nav` to its own component (`components/Nav.js`).\n- I created a custom 404 page (`/src/pages/NotFoundPage.jsx`).\n- I created a 'Profiles' page (`/src/pages/Profiles.jsx`) with sub-routes (`/src/pages/Profile.jsx`).\n\n## Installation and configuring the Git Repo\n\nFor all installation and configuration instructions see Erick's Github repo (link above).\n\nYou can also watch his step-by-step YouTube tutorial: [Vite React App with Routes Deployed on Github | Reload error resolved!](https://youtu.be/uEEj2c3_ydg).\n\n\u003e [!IMPORTANT]\n\u003e The installation and configuration options omit a key step: Once you've finished following the instructions, go to `settings/pages`. Under 'Build and Deployment \u003e Branch' select 'gh-pages' as the branch. Then click 'Save'.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchrisnajman%2Fvite-basic-with-routing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchrisnajman%2Fvite-basic-with-routing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchrisnajman%2Fvite-basic-with-routing/lists"}