Next-Semantic.UI-React

• Next-Semantic.UI-React
  • Quickstart
  • Environment variables
  • Dependencies
    • Client:
    • Webpack
  • FAQ
    • Static assets
    • Theming
    • Serverless + up
  • Author

Demo (deployed with now): https://next-suir.now.sh Demo (deployed with up):

Quickstart

    # Install
    git clone --depth=1 --single-branch https://github.com/Metnew/suicrux.git
    cd suicrux
    npm install
    # install flow typings for libraries (optional)
    flow-typed install
    # Development
    npm run dev
    # Build
    npm run build
    # Production
    PORT=$PORT npm run start # by default PORT is 3000
    # Deploy with `now`:
    now
    # Deploy with `up`:
    up deploy staging

Environment variables

• process.env.PORT - port for production running, required during npm start. Default: 3000.

Dependencies

Client:

• Flow - static typing rocks!
• React 16 and Redux
• SASS, PostCSS, and styled-components.
• Redux-thunk, Redux-Devtools-Extension
• isomorphic-fetch
• Semantic-ui-react - UI components.
• Lodash - SUIR dependency.

Webpack

• Babel: stage-0 and few known plugins.
• optimize-js-plugin
• wepback-assets-manifest

Some devDependencies exist in production deps for up compability. Because next.js requires own config during start, which requires webpack plugins.

FAQ

Static assets?

/static folder + url-loader.

Theming?

Yes, with styled-components' <ThemeProvider> it's possible to specify a color theme.

Serverless + up

These vars are required if you're deploying using .gitlab-ci.yml:

• process.env.AWS_ACCESS_KEY_ID - AWS access key
• process.env.AWS_SECRET_ACCESS_KEY - AWS secret key

Check .gitlab-ci.yml for more info.

Deploy

Optimized to deploy with apex/up. Could be deployed to now too.

Author

Vladimir Metnew [email protected]