Skip to content

Latest commit

 

History

History
 
 

react-dashboard

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