Berry React
v3.6.0
v3.6.0
  • Documentation
  • 🎺About - Berry Remix
  • Pre-requisites
  • Quick Start
  • Folder Structure
  • State Management
  • Internationalization
  • Authentication
  • Axios API Calls
  • Routing
  • Project Configuration
  • Color Presets
  • Theme/Style Configuration
  • How to
    • Login as First Page
    • Add a menu from the backend
    • Remove eslint
    • Remove prettier
  • Integration
  • Resources
  • Roadmap
  • Support
  • Changelog
  • FAQ
  • Berry Eco System
Powered by GitBook
On this page
  • Installation
  • Start
  • Build & Deploy
  • Deploy for your live site

Was this helpful?

Quick Start

Get started on your project with Berry React Template.

Last updated 2 years ago

Was this helpful?

If you prefer reading docs, continue reading below instead watching the above video.

Installation

Navigate to your root folder (ex. berry-material-react)

c:\>cd berry-material-react

Install Packages by npm or yarn as per your preferences. Here we are using yarn package manager.

c:\berry-material-react> yarn

Start

After package installation, you can start your app by using yarn start command

c:\berry-material-react> yarn start

For NextJS use yarn dev command

c:\berry-material-react> yarn dev

This will start your local server at http://localhost:3000 Also, your terminal shows the following.

Compiled successfully!

You can now view berry-material-react in the browser.

Local:            http://localhost:3000    
On Your Network:  http://192.168.29.77:3000

Note that the development build is not optimized.
To create a production build, use yarn build.

Build & Deploy

This might be too early to deploy but it is always good to know how to deploy.

To build your app in production use yarn build command

c:\berry-material-react> yarn build
or
c:\berry-material-react> npm run build

Deploy for your live site

Change the base URL with your domain and build your application.

You can control this with the homepage field in your package.json

package.json
"homepage" : "http://example.com"

We would recommend yarn over npm. Why? see this:

Deploying to the subdirectory is stopped after migrating to 6.0.0-beta.0 of react-route. Watch this issue for more:

You’ll need to have Node v12.x.x or later on your local development machine (but it’s not required on the server). You can use (macOS/Linux) or to easily switch Node versions between different projects.

https://www.whitesourcesoftware.com/free-developer-tools/blog/npm-vs-yarn-which-should-you-choose/
https://github.com/ReactTraining/react-router/issues/7216
nvm
nvm-windows
Watch this video - "How to install dependencies, run & build your project using Berry React Template"