This code repository ("https://github.com/Madib036/Malesforfemales/blob/codespace-jubilant-space-yodel-576r946qqwpfvqpg/.github%2Fworkflows%2Fcodeql.yml") is designed to demonstrate the best GitHub has to offer with the least amount of noise.
The repo includes an index.html file (so it can render a web page), two GitHub Actions workflows, and a CSS stylesheet dependency
name: Deploy static content to Pages
on:
push: branches: ["main"]
workflow_dispatch:
permissions: contents: read pages: write id-token: write
Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
concurrency: group: "pages" cancel-in-progress: false
jobs:
deploy: environment: name: github-pages url: ${{ steps.deployment.outputs.page_url }} runs-on: ubuntu-latest steps: - name: Checkout uses: actions/checkout@v4 - name: Setup Pages uses: actions/configure-pages@v4 - name: Upload artifact uses: actions/upload-pages-artifact@v3 with: # Upload entire repository path: '.' - name: Deploy to GitHub Pages id: deployment uses: actions/deploy-pages@v4
Welcome to your shiny new Codespace running React! We've got everything fired up and running for you to explore React.
You've got a blank canvas to work on from a git perspective as well. There's a single initial commit with the what you're seeing right now - where you go from here is up to you!
Everything you do here is contained within this one codespace. There is no repository on GitHub yet. If and when you’re ready you can click "Publish Branch" and we’ll create your repository and push up your project. If you were just exploring then and have no further need for this code then you can simply delete your codespace and it's gone forever.
This project was bootstrapped for you with Vite.
In the project directory, you can run:
We've already run this for you in the Codespaces: server terminal window below. If you need to stop the server for any reason you can just run npm start again to bring it back online.
Runs the app in the development mode.
Open http://localhost:3000/ in the built-in Simple Browser (Cmd/Ctrl + Shift + P > Simple Browser: Show) to view your running application.
The page will reload automatically when you make changes.
You may also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
You can learn more in the Vite documentation.
To learn Vitest, a Vite-native testing framework, go to Vitest documentation
To learn React, check out the React documentation.
This section has moved here: https://sambitsahoo.com/blog/vite-code-splitting-that-works.html
This section has moved here: https://github.com/btd/rollup-plugin-visualizer#rollup-plugin-visualizer
This section has moved here: https://dev.to/hamdankhan364/simplifying-progressive-web-app-pwa-development-with-vite-a-beginners-guide-38cf
This section has moved here: https://vitejs.dev/guide/build.html#advanced-base-options
This section has moved here: https://vitejs.dev/guide/build.html
This section has moved here: https://vitejs.dev/guide/troubleshooting.html