Giter Club home page Giter Club logo

react-pages-boilerplate's Introduction

React pages boilerplate

Cover This boilerplate introduces a simple way for developing serverless React applications, which are perfect for serving from Github Pages.

Technologies

Getting started

  • Clone git clone https://github.com/rtivital/react-pages-boilerplate or download this repository.
  • (Optional) Run nvm use. This will ensure that you are running the supported version of Node.js. You can nvm installation instructions here.
  • Install dependencies: yarn
  • Run the project: npm start

Settings

settings.js file includes all important settings that should be used to setup deployments to gh-pages:

  • title – Base application title
  • cname – Adds CNAME file that allows to use custom domain names with gh-pages
  • repoPath – username.github.io/repoPath for react router to recognize gh-pages paths
  • prerenderRoutes – routes that should be prerendered before deploy

npm scripts

  • npm start – starts development server with webpack-dev-server
  • npm test – runs tests with Jest
  • npm run build – builds project to production
  • npm run deploy – builds and deploys project to Github pages
  • npm run lint – lints JavaScript files
  • npm run prettier – format js and jsx files with prettier

Changelog

See releases section to get information about new cool features added to the project.

react-pages-boilerplate's People

Contributors

4knort avatar dependabot[bot] avatar rtivital avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-pages-boilerplate's Issues

Not able to import local image

import logo from '../../../assets/architecture/01.png';

No image is shown when importing like this way, I tried to find the solution couldn't get any.

Page doesnt load on GH-Pages

Hi! Thanks for this boilerplate, this was working for one of my sites for a while and then randomly stopped.

It now loads as just a blank white page on the github site. When I run it on my local machine, it works just fine, but it doesn't work on the actual github pages site.

Any clues as to what could have changed that caused this?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.