Quick Start

Search…
Quick Start
Quick start your project using Berry.
If you prefer reading docs, continue reading below instead watching video.
Installation
Navigate to your root folder (i.e. berry-material-react)
1
c:\>cd berry-material-react
Copied!
Install Packages by npm or yarn as per your preferences. Here we are using yarn package manager.
1
c:\berry-material-react> yarn
Copied!
We would recommend yarn over npm. Why? see this: https://www.whitesourcesoftware.com/free-developer-tools/blog/npm-vs-yarn-which-should-you-choose/​
Start
After package installation, you can start your app by using yarn start command
1
c:\berry-material-react> yarn start
Copied!
This will start your local server at http://localhost:3000 Also, your terminal shows the following.
1
Compiled successfully!
2
​
3
You can now view berry-material-react in the browser.
4
​
5
Local:            http://localhost:3000    
6
On Your Network:  http://192.168.29.77:3000
7
​
8
Note that the development build is not optimized.
9
To create a production build, use yarn build.
Copied!
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
1
c:\berry-material-react> yarn build
2
or
3
c:\berry-material-react> npm run build
Copied!
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
1
"homepage" : "http://example.com"
Copied!
Deploying to subdirectory is stopped after migrating to 6.0.0-beta.0 of react-route. Watch this issue for more: https://github.com/ReactTraining/react-router/issues/7216​
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 nvm (macOS/Linux) or nvm-windows to easily switch Node versions between different projects.
Pre-requisites
Folder Structure
Last modified 13d ago
Copy link
Contents
Installation
Start
Build & Deploy
Deploy for your live site