Isomorphic architecture: React frontend with Node.js server-side rendering
react-dashboard — React Admin dashboard Template
By pilotbe2man
An isomorphic admin dashboard template built on React and Bootstrap, with server-side rendering, GraphQL, and Node.js backend integration.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Integrates GraphQL and provides GraphQL service and IDE entry points
Organizes routing and state based on React Router and Redux
Uses Bootstrap3 and Sass, providing a responsive mobile-friendly layout
Built-in authentication and CRUD operation examples, plus a set of utility CSS
Development environment uses Webpack build and Browsersync hot reload
Template Details
This is an admin dashboard template that uses an isomorphic approach: the frontend is built with React and React Router, server-side rendering is handled by Node.js, the data layer uses GraphQL, state management uses Redux, styles are written in Sass, the build tool is Webpack, and during development Browsersync with hot reload refreshes the browser. The project is built on React Starter Kit, and the README positions it as a free version of the paid admin templates on Themeforest and Wrapbootstrap, with runnable backend integration, suitable for starting development of your next web app.
Functionally, the template provides a responsive mobile-friendly layout, authentication, CRUD operation examples, and a set of utility CSS (flatlogic css set) for rapid development. The README's startup process is: clone the repository, run yarn install, run yarn start, build output goes to the build directory, then start the Node.js server and Browsersync. The README states the runtime requirement is Node.js >= 6.5, and lists local ports: 3000 for the Node.js server, 3000/graphql for the GraphQL service and IDE, 3001 for the BrowserSync proxy with HMR, and 3002 for the BrowserSync control panel.
Regarding usage limitations, repository information shows the last update was in 2018, and the dependencies and toolchain referenced in the README (such as Bootstrap3 and the old Node.js requirement) belong to an earlier technology combination; before actual use, you need to verify the dependency list and compatibility with your current environment. The demo site uses user/password login. The license is MIT (plus the MIT license of React Starter Kit), allowing free use, modification, commercial use, and distribution of this version of the code, but copyright and license notices must be retained when distributing; third-party assets such as demo images, fonts, and icons need to be checked separately under their respective licenses, and external services such as domain, hosting, and database may incur additional charges.
Is it right for your project?
Use Cases
- As a starting point for developing an admin management system or data interface
- React admin projects that require server-side rendering
- Scenarios that need GraphQL data interfaces and Node.js backend integration
- Referencing authentication and CRUD examples to implement basic admin functionality
Suitable For
- Developers using the React stack to build admin management interfaces
- Teams that need an isomorphic rendering and GraphQL combination
- Projects looking to replace paid admin templates with a free MIT template
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The README requires Node.js >= 6.5; first verify compatibility of your local environment with the dependency list
- 2
After cloning the repository, run yarn install to install dependencies, then run yarn start to start
- 3
Default ports: 3000 for the Node.js server, 3000/graphql for the GraphQL service and IDE, 3001 for the BrowserSync proxy, 3002 for the control panel
- 4
The demo site uses user/password login
- 5
The repository was last updated in 2018; before use, it is recommended to check dependency versions and security status
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license from the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- This project is a free seed version of a paid admin template; features may be fewer than the full paid version on Themeforest/Wrapbootstrap; for more complete features, you need to purchase the paid template separately.
- The README promotes Flatlogic's paid premium themes and templates, which are optional paid upgrades; the free MIT version does not include these paid products.
- The code is subject to both this project's MIT license and the MIT license of React Starter Kit; when distributing, you must retain both copyright and license notices.
- The online demo is deployed on Heroku and uses user/password login; when self-deploying, you need to provide your own hosting, domain, and database and other external services, which may incur costs.
- Demo images, fonts, icons, and other third-party assets need to be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domain, hosting, database, payment, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
This seed project is a sort of a free version of a template that may be found on [Themeforest](https://themeforest.net/category/site-templates/admin-templates) or [Wrapbootstrap](https://wrapbootstrap.com/themes/admin) with working backend integration.
Original README
Looking for premium themes and templates? Check out our products at [flatlogic.com](https://flatlogic.com/products).
Original README
[MIT](https://github.com/flatlogic/react-dashboard/blob/master/LICENSE.txt) and another [MIT](https://github.com/flatlogic/react-dashboard/blob/master/LICENSE-react-starter-kit.txt) from RSK.
Original README
https://github.com/pilotbe2man/react-dashboard/blob/master/LICENSE.txthttps://github.com/pilotbe2man/react-dashboard/blob/master/README.mdDemo](https://flatlogic-react-dashboard.herokuapp.com/). Use following credentials: user/password.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 61 / 100
- Technologies
- React · HTML
- Website type
- Admin dashboard
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2018-09-30
- Screenshot last checked
- 2026-10-02
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
The catalog identifies React as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 388321ee2f237a442e7a6bcac9bec97dc9ce1dc1d3e081a46d47d65526255d8c
2026-10-02T16:59:24.758Z
Source file / repository## React Dashboard — "[isomorphic](http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/)" admin dashboard template
built with [React](https://facebook.github.io/react/), [Bootstrap](http://getbootstrap.com/), [React Router](https://reacttraining.com/react-router/) (with **Server Side Rendering**!),
[Redux](http://redux.js.org/) and [GraphQL](http://graphql.org/) based on
[React Starter Kit](https://www.reactstarterkit.com) and latest industry best practices.
[Demo](https://flatlogic-react-dashboard.herokuapp.com/). Use following credentials: user/password.
[](https://flatlogic-react-dashboard.herokuapp.com/)
This seed project is a sort of a free version of a template that may be found on
[Themeforest](https://themeforest.net/category/site-templates/admin-templates)
or [Wrapbootstrap](https://wrapbootstrap.com/themes/admin) with working backend integration.
You may use it to bootstrap the development of your next web app.
## Features
* React
* Server Side Rendering
* Mobile friendly layout (responsive)
* React Router
* Bootstrap3
* GraphQL
* Nodejs backend inegration
* Sass styles
* Webpack build
* Stylish, clean, responsive layout
* Lots of utility css classes for rapid development (flatlogic css set)
* Authentication
* CRUD operations examples
* Browsersync for the ease of development
## Quick Start
#### 1. Get the latest version
You can start by cloning the latest version of React Dashboard on your
local machine by running:
```shell
$ git clone -o react-dashboard -b master --single-branch \
https://github.com/flatlogic/react-dashboard.git MyApp
$ cd MyApp
```
#### 2. Run `yarn install`
This will install both run-time project dependencies and developer tools listed
in [package.json](../package.json) file.
#### 3. Run `yarn start`
This command will build the app from the source files (`/src`) into the output
`/build` folder. As soon as the initial build completes, it will start the
Node.js server (`node build/server.js`) and [Browsersync](https://browsersync.io/)
with [HMR](https://webpack.github.io/docs/hot-module-replacement) on top of it.
> [http://localhost:3000/](http://localhost:3000/) — Node.js server (`build/server.js`)<br>
> [http://localhost:3000/graphql](http://localhost:3000/graphql) — GraphQL server and IDE<br>
> [http://localhost:3001/](http://localhost:3001/) — BrowserSync proxy with HMR, React Hot Transform<br>
> [http://localhost:3002/](http://localhost:3002/) — BrowserSync control panel (UI)
Now you can open your web app in a browser, on mobile devices and start
hacking. Whenever you modify any of the source files inside the `/src` folder,
the module bundler ([Webpack](http://webpack.github.io/)) will recompile the
app on the fly and refresh all the connected browsers.
For more info please refer to [getting started](./docs/getting-started.md) guide to download and run the project (Node.js >= 6.5)
## Support
For any additional information please refer to [Flatlogic homepage](https://flatlogic.com).
## How can I support developers?
- Star our GitHub repo :star:
- [Tweet about it](https://twitter.com/intent/tweet?text=Amazing%20dashboard%20built%20with%20NodeJS,%20React%20and%20Bootstrap!&url=https://github.com/flatlogic/react-dashboard&via=flatlogic).
- Create pull requests, submit bugs, suggest new features or documentation updates :wrench:
- Follow [@flatlogic on Twitter](https://twitter.com/flatlogic).
- Subscribe to Flatlogic newsletter at [flatlogic.com](https://flatlogic.com/)
- Like our page on [Facebook](https://www.facebook.com/flatlogic/) :thumbsup:
## Premium themes
Looking for premium themes and templates? Check out our products at [flatlogic.com](https://flatlogic.com/products).
## License
[MIT](https://github.com/flatlogic/react-dashboard/blob/master/LICENSE.txt) and another [MIT](https://github.com/flatlogic/react-dashboard/blob/master/LICENSE-react-starter-kit.txt) from RSK.
Explore similar templates
Compare previews and descriptions within the same stack and category.
ant-design-pro
Ant Design Pro is an enterprise-grade React admin scaffold built on React 19, Umi Max 4, and antd 6 with TypeScript.
React · Admin dashboard

coreui-free-react-admin-template
CoreUI's free React admin template, built on React and the CoreUI component library, provides dashboard layouts, sidebar navigation, routing, and example views. It includes .cursorrules, ARCHITECTURE.md, and DEVELOPMENT.md context files, plus JSDoc comments and PropTypes, to support AI-assisted development.
React · Admin dashboard

fastapi-react
A Cookiecutter template for FastAPI + React (TypeScript) full-stack projects, integrating PostgreSQL, SQLAlchemy, Alembic, Celery, Redis, JWT authentication, a react-admin admin panel, and a Docker Compose development environment with Nginx reverse proxy.
React · Admin dashboard

react-antd-admin-template
A React + Ant Design admin template for mid- and back-office products, with built-in login/logout, dynamic routing, permission checks, and user management.
React · Admin dashboard

react-saas-template
A React and Material-UI template for SaaS or admin websites, offering dashboard, chart, blog, payment, and file upload components. It uses Create-React-App, React-Router, Recharts, React-Stripe-js, React-Dropzone, and React-Cropper, with theme colors centralized in src/theme.js.
React · Admin dashboard

react-material-admin
React Material Admin is an MIT-licensed React admin template by Flatlogic, built on Material-UI. It provides dashboards, charts, tables, authentication, profile, and notification pages, with three color themes and responsive layouts.
React · Admin dashboard
