This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Setup | |
| # 1. Create a .github\workflows\build-deploy.yml file | |
| # 2. Copy the contents of this file into it | |
| # 3. Change '<PUBLIC_URL>' in the build step to match your repository name (in most cases) | |
| # Simple workflow for deploying static content to GitHub Pages | |
| name: Build and deploy vite to GH Pages | |
| on: | |
| # Runs on pushes targeting the default branch |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*some css vars*/ | |
| :root { | |
| --standard-margin: 0.5rem; | |
| --primary-color: rgb(99, 102, 241); | |
| --border-radius: 0.375rem; | |
| --border-color: rgba(209, 213, 219, 1); | |
| } | |
| body { | |
| margin: 0; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function MyResponsiveComponent() { | |
| const width = useWindowWidth(); // Our custom Hook | |
| return ( | |
| <p>Window width is {width}</p> | |
| ); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // check version | |
| node -v || node --version | |
| // list installed versions of node (via nvm) | |
| nvm ls | |
| // install specific version of node | |
| nvm install 6.9.2 | |
| // set default version of node |