🌐
React Split
uiwjs.github.io › react-codesandbox
React CodeSandbox
A React component is provided that allows you to programmatically generate CodeSandbox projects from code samples on the fly.
🌐
CodeSandbox
codesandbox.io › s › q4qymyp2l6
React Native - CodeSandbox
March 27, 2023 - React Native for Web starter template
Published   May 04, 2018
Author   necolas
🌐
CodeSandbox
codesandbox.io › examples › package › react-native-web
react-native-web examples - CodeSandbox
react-native-typeScriptThis sandbox has been generated! harshiths037 · examples · Find more examples or templates · AboutReact Native for Web1,650,212Weekly Downloads · Latest version0.21.2 · LicenseMIT · External Links · github.com/necolas/react-native-web#readme ·
🌐
CodeSandbox
codesandbox.io › examples › package › react-native
react-native examples - CodeSandbox
Use this online react-native playground to view and fork react-native example apps and templates on CodeSandbox.
🌐
CodeSandbox
codesandbox.io › examples › package › react-native-cli
react-native-cli examples - CodeSandbox
AboutThe React Native CLI tools40,762Weekly Downloads · Latest version2.0.1 · LicenseBSD-3-Clause · External Links · github.com/facebook/react-native#readme · github.com/facebook/react-native · github.com/facebook/react-native/issues ·
🌐
CodeSandbox
codesandbox.io › framework › react
Codesandbox
If you’re a JavaScript developer, you’ve surely heard of React; perhaps you’ve even worked with it. The React repository is among the most popular projects of all time on GitHub, and you can find the framework in the head sections of millions of webpages — from personal blogs to e-commerce stores to the world’s largest websites like Facebook and Airbnb.
Top answer
1 of 2
1

There are a few missing dependencies in your create-react-app project. This probably happened because you tried to export the project from codesandbox (I'm not sure though)

You have to fix those first.

Dependency 1 (react-scripts):

npm install react-scripts --save-dev

Dependency 2 (node-sass because you are using scss in your project)

npm install node-sass --save

Dependency 3 (gh-pages)

npm install gh-pages --save-dev

After the above steps are completed, verify your package.json to match below structure

{
  "name": "and-air",
  "version": "1.0.0",
  "description": "",
  "keywords": [],
  "main": "src/index.js",
  "homepage": "https://develijahlee.github.io/andair/",
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "1.2.25",
    "@fortawesome/free-regular-svg-icons": "5.11.2",
    "@fortawesome/react-fontawesome": "0.1.5",
    "node-sass": "^4.13.0",
    "react": "16.9.0",
    "react-dom": "16.8.6"
  },
  "devDependencies": {
    "gh-pages": "^2.1.1",
    "react-scripts": "^3.2.0",
    "typescript": "3.3.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}

Now you can run the deploy script

npm run deploy

After this step, verify that a new branch created with name gh-pages

Click on the settings tab in github

Scroll down to the GitHub Pages section and switch your branch to gh-pages branch.

You should get a success message when the page is live.

2 of 2
0

Here is what deploy script in your code:

"deploy": "gh-pages -d build"

Which is means gh-pages tool use build directory to make it deploy, so you need two things in order to make it work

  • Create a build folder properly with the following command:
npm run build
  • now install gh-pages tool for your add locally:
npm i gh-pages

Now you can run deploy command, and it'll work. I hope this can be helpful to you.

🌐
npm
npmjs.com › package › @codesandbox › sandpack-react
codesandbox/sandpack-react
npm i @codesandbox/sandpack-react · github.com/codesandbox/sandpack · github.com/codesandbox/sandpack#readme · 465,802 · 2.20.0 · Apache-2.0 · 1.21 MB · 232 · 10 months ago · compuives · christianalfoni · alexnm · Try on RunKit ·
      » npm install @codesandbox/sandpack-react
    
Published   Feb 14, 2025
Version   2.20.0
Author   CodeSandbox
Find elsewhere
🌐
CodeSandbox
codesandbox.io › examples › package › react-native-facebook-login
react-native-facebook-login examples - CodeSandbox
React Native Expo ExampleThis is a template to run React Native apps via the Expo app & bundler on CodeSandbox. kapilmyakal · goofy-mirzakhani-cekmjk · venkat06 · React NativeReact Native for Web starter template · sad-architecture-rqqw6 · thisisrishabh22 · AboutReact Native wrapper for ...
🌐
Normalize.css
necolas.github.io › react-native-web
React Native for Web
You can try React Native for Web from your browser using the official template on CodeSandbox.
🌐
GitHub
github.com › codesandbox › codesandbox-client
GitHub - codesandbox/codesandbox-client: An online IDE for rapid web development
An online IDE for rapid web development. Contribute to codesandbox/codesandbox-client development by creating an account on GitHub.
Starred by 13.5K users
Forked by 2.4K users
Languages   JavaScript 89.9% | TypeScript 8.7% | HTML 1.0% | CSS 0.3% | Handlebars 0.1% | C++ 0.0%
🌐
CodeSandbox
codesandbox.io › s › react-native-sandbox-7mvf8
react-native-sandbox - CodeSandbox
October 21, 2020 - react-native-sandbox using @emotion/core, @emotion/native, emotion-theming, react, react-dom, react-native, react-native-web, react-scripts
Published   Oct 21, 2020
🌐
CodeSandbox
codesandbox.io › p › github › stevenpersia › tinder-react-native
Tinder Clone - React Native
CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.
🌐
GitHub
github.com › linkswapnil › react-native-app
GitHub - linkswapnil/react-native-app: Created with CodeSandbox
Created with CodeSandbox. Contribute to linkswapnil/react-native-app development by creating an account on GitHub.
Author   linkswapnil
🌐
CodeSandbox
codesandbox.io › s › new
React - CodeSandbox
December 6, 2024 - React example starter project
Published   Apr 01, 2017
Author   CompuIves
🌐
Geekflare
geekflare.com › development › 8 amazing react sandbox to boost your skills
8 Amazing React Sandbox to Boost Your Skills
January 17, 2025 - Codesandbox.io is a virtual React starter project based on the create-react-app environment. This sandbox has several folders and files you can customize as you experiment with React code.
🌐
CodeSandbox
codesandbox.io › p › github › r0b0t3d › react-native-carousel
react-native-carousel
CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.
🌐
Made with React.js
madewithreactjs.com › codesandbox
Codesandbox - Online Code Editor - Made with React.js
April 25, 2022 - "Codesandbox is an instantly ready, full-featured online IDE for web development on any device with a browser.
🌐
CodeSandbox
codesandbox.io › examples › package › react-native-purchases
react-native-purchases examples - CodeSandbox
AboutReact Native in-app purchases and subscriptions made easy. Supports iOS and Android. 44,853Weekly Downloads · Latest version8.10.1 · LicenseMIT · External Links · github.com/revenuecat/react-native-purchases#readme · github.com/revenuecat/react-native-purchases ·