Berry React
v4.0.0
v3.2.0v3.0.0v3.1.2v2.0.0v1.2.0v1.1.0v3.3.0v3.6.0v3.7.0v3.8.0v3.9.1v4.0.0
v4.0.0
v3.2.0v3.0.0v3.1.2v2.0.0v1.2.0v1.1.0v3.3.0v3.6.0v3.7.0v3.8.0v3.9.1v4.0.0
  • Introduction
  • Package
  • Getting Started
    • Pre-requisites
    • Quick Start
    • Mock backend
    • Deployment
    • Licensing
  • Setup
    • Seed
    • To Existing Project
  • Folder Structure
  • State Management
  • Multi Language
  • Authentication
    • Firebase
    • Auth0
    • AWS Cognito
    • Supabase
  • API Calls
  • Routing
    • New Menu
    • Login as First Page
    • Skip Login
    • Render Menu from the backend
    • Remove menu render via backend
  • Theme
    • Configuration
    • Presets
    • Style
      • Color
      • Typography
      • Overrides
      • Shadows
    • Layouts
    • Logo
  • How to
    • Remove eslint
    • Remove prettier
  • Components
    • Avatar
    • AnimateButton
    • Accordion
    • Breadcrumbs
    • Chip
    • ImageList
    • MainCard
    • Transitions
    • SubCard
  • Dependencies
  • Support
    • Roadmap
    • Changelog
    • FAQ
  • Berry Eco System
Powered by GitBook
On this page
  • Get started
  • Mock Backend Server

Was this helpful?

  1. Getting Started

Quick Start

Get started on your project with Berry React Template.

Was this helpful?

Each of the package contains two folder, full-version and seed.

  • full-version: It contains all the files that you see in live preview

  • seed: It contains minimal version to start your project. Read more.

Get started

  1. Navigate to either seed or full-version

  2. Install Packages: yarn or yarn install

  3. Run project:

    1. VITE: yarn start

    2. NEXTJS: 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.

We would recommend yarn over npm. Why? see this: https://www.whitesourcesoftware.com/free-developer-tools/blog/npm-vs-yarn-which-should-you-choose/

Mock Backend Server

Berry uses a mock data API to demonstrate how to fetch data from the backend. This is intended to provide an example of backend data retrieval. Read more in the next section.

End of Life for CRA - Create React App version.

  • CRA has not been updated or maintained for a long time and it is advisable to move form it as well. To know more:

    • https://github.com/reactjs/react.dev/pull/5487

    • https://github.com/facebook/create-react-app/issues/13080

    • https://github.com/facebook/create-react-app/issues/13283

  • There will no update provided in CRA version

This project focuses solely on the user interface. It does not include backend services or a database.

Mock backend