Quiz for Deployment via GitHub Pages

Q1: What is the main purpose of GitHub Pages in React deployment?

A. A. Host static React apps directly from a GitHub repository B. B. Host backend APIs C. C. Host dynamic server-side apps D. D. Manage databases

Q2: Which branch is commonly used to deploy React apps on GitHub Pages?

A. A. gh-pages B. B. master C. C. develop D. D. main

Q3: Which npm package helps automate React deployment to GitHub Pages?

A. A. gh-pages B. B. react-deploy C. C. deploy-react D. D. react-pages

Q4: How do you specify the homepage URL for a React app deployed on GitHub Pages?

A. A. Add "homepage" field in package.json B. B. Add homepage.html file C. C. Set in index.html only D. D. It is not needed

Q5: What command builds the React app for deployment?

A. A. npm run build B. B. npm start C. C. npm test D. D. npm deploy

Q6: Which directory’s contents are pushed to the gh-pages branch?

A. A. build B. B. src C. C. public D. D. node_modules

Q7: Why must React Router be configured carefully when deploying on GitHub Pages?

A. A. GitHub Pages only serves static files, no server-side routing B. B. React Router doesn’t work at all C. C. React Router is not supported by GitHub D. D. GitHub Pages requires server configuration

Q8: Which React Router type works best with GitHub Pages?

A. A. HashRouter B. B. BrowserRouter C. C. StaticRouter D. D. MemoryRouter

Q9: What is the GitHub Pages URL format for a user repository?

A. A. https://username.github.io/repository-name B. B. https://github.com/username/repository C. C. https://pages.github.io/username/repository D. D. https://repository.github.io/username

Q10: What must you do before deploying if your React app uses relative paths?

A. A. Set the homepage field correctly in package.json B. B. Use absolute URLs only C. C. Change the base tag in index.html D. D. No change needed

Q11: How do you deploy a React app to GitHub Pages using the gh-pages package?

A. A. Run "npm run build" then "npm run deploy" B. B. Run "npm start" C. C. Run "git push origin main" D. D. Upload files via FTP

Q12: Which script should be added to package.json for deploying React app?

A. A. "deploy": "gh-pages -d build" B. B. "start": "gh-pages" C. C. "build": "deploy" D. D. "publish": "npm build"

Q13: What GitHub setting enables GitHub Pages hosting?

A. A. Enable GitHub Pages in repository settings B. B. Create a new repository C. C. Fork the repository D. D. Use GitHub Actions

Q14: What happens if the homepage field is missing in package.json?

A. A. Assets may load with incorrect paths B. B. Deployment fails C. C. App will not run D. D. No effect

Q15: Which command can be used to create a new branch gh-pages?

A. A. git branch gh-pages B. B. git push origin main C. C. git checkout master D. D. git merge gh-pages

Q16: Is GitHub Pages suitable for dynamic backend React apps?

A. A. No, it is for static frontend only B. B. Yes, supports backend C. C. Only with paid plans D. D. Supports Node.js backend

Q17: How do you update the deployed site after code changes?

A. A. Rebuild and redeploy via gh-pages B. B. Push to main only C. C. Upload changed files manually D. D. Edit files directly on GitHub Pages

Q18: Which of these can break a React app on GitHub Pages?

A. A. Using BrowserRouter without fallback B. B. Using HashRouter C. C. Proper homepage setting D. D. Using gh-pages package

Q19: What type of sites can GitHub Pages deploy?

A. A. Static sites B. B. Dynamic server-rendered sites C. C. Backend APIs D. D. None

Q20: How does GitHub Pages handle HTTPS?

A. A. Provides free HTTPS automatically B. B. Requires manual SSL setup C. C. No HTTPS support D. D. Only on paid plans