Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
amplify
content
data
demo
src
static
.browserslistrc
.eslintignore
.eslintrc.json
.gitignore
.stylelintrc
README.md
amplifyPublishIgnore.json
gatsby-config.js
gatsby-node.js
jsconfig.json
package.json
yarn.lock

README.md

Cube.js

WebsiteDocsBlogSlackTwitter

React Dashboard: an Ultimate Guide

An ultimate guide on how to build dynamic analytics dashboards with React. You will learn how to create an API for analytics on top of your database, build beautiful charts, save dashboard data with the AppSync GraphQL backend, and how to authorize your users with AWS Cognito.

The guide is available here.

Build Internal Dashboards

Learn how to build a full-stack React Dashboard from the database to the dynamic charts and drag-n-drop features. You’ll learn how to create an analytics API with Cube.js, how to generate a React dashboard boilerplate, and then customize it however you want.

Build Customer-Facing Dashboards

Learn how to build the React Dashboard directly into your app. You’ll learn the best practices on the backend organization of analytics API and building a customer-facing dynamic React Dashboard.

Build an Analytics Platform

Do you want to build your own data analytics platform, like Mixpanel or Google Analytics? You can learn how to set up a backend infrastructure, as well as understand the best practices both on the backend and frontend.

Table of Contents

  1. Overview and Analytics Backend
  2. Authentication and GraphQL API
  3. Customize Theme
  4. Explore Page
  5. Query Builder
  6. Charts Styling
  7. Dashboard Page
  8. Deployment
You can’t perform that action at this time.