{"repo":"primer/react-template","free":true,"listed":false,"github":"https://github.com/primer/react-template","clone":"git clone https://github.com/primer/react-template.git","description":"The quickest way to start playing around with Primer React","language":"JavaScript","stars":49,"topics":["react","primer","component-library","design-system","template","boilerplate"],"license":null,"category":"ui-components","readme_excerpt":"Primer React Template ⚡⚛️ The easiest way to build a prototype from scratch with Primer React and deploy with GitHub Pages. Perfect for quick prototyping with code, and setup to be visible only for signed-in Hubbers. Works (mostly) out of the box! Built using vite.dev, see their docs if you want to customize any configuration (you shouldn't have to). Get Started (Quick setup - Codespaces) See instructions Create a codespace 1. Create a codespace for your prototype by clicking Use this template Open in a codespace 2. In the codespaces terminal, run: Once npm run dev is running, go to the PORTS tab in the terminal and open the URL for your prototype: If the PORTS tab is not visible for you, right-click next to the other tabs and enable it in the dropdown menu: Sharing your prototype This is a temporary URL that's only live while npm run dev is running in your Codespace. To make the URL accessible for others, change its visibility: 1. Go to PORTS tab 2. On the Visibility column, right click on 🔒 Private 3. Choose Port visibility on the dropdown 4. Change it to Private to Organization To share a permanent URL, see Get Started (Local development) below. Saving your codespace into a repository If you try to git push from your codespace terminal, you will notice there is no repository associated with it. To save your work, create a new empty repository owned by @github and set your codespace to it by running: Once you have a repository saved, you should finish the configuration und","default_branch":null,"files":null,"tree":[],"storefront":"/r/primer","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/primer/react-template/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}