Light Bootstrap Dashboard React
Icon html
Icon sass
Icon bootstrap
Icon react

Light Bootstrap Dashboard React

Free Bootstrap React Admin Template
· 4.90/5 (43 Reviews)

MIT License

7,085 Downloads
26 Comments
Regular Support
Lifetime Updates
Release: 2 months ago
Update: 1 month ago
Icon html
Icon sass
Icon bootstrap
Icon react

30 Handcrafted Components

3 Customized Plugins

7 Example Pages

Product certified by: Creative Tim

Upgrade to PRO Version

Get more power with Light Bootstrap Dashboard PRO React. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo?
  • Components · 30
  • Plugins · 3
  • Examples Pages · 7
  • -
  • -
  • -
What is in PRO Version?
  • Components · 60
  • Plugins · 13
  • Example Pages · 24
  • + Documentation
  • + SASS Files
  • + Sketch Files
Upgrade to PRO
Opt lbdp react thumbnail

We are here to help you!

26 Web Developers commented on this product

Report issue

ecasas1994
  • downloaded
1 month ago

Hello @einazare, great product. Have you noticed that between 1400px and 1000px there is a white space at the right of the screen? Is that a bug?? Thanks

einazare
  • owner

Hello @ecasas1994 and thank you for your feedback. We did not know of this. We are going to make an update and fix this. The fix for this bug is to add "fluid" prop to the <Grid> react-bootstrap-component in our Footer component ("src/components/Footer/Footer.jsx" - line 8 from "<Grid>" to "<Grid fluid>"). All the best, Manu!
1 month ago

knightza123
  • downloaded
1 month ago

how can i edit react-route please i wanna know if i pay to pro

einazare
  • owner

Hello @knightza123 . You can find the routes in "/src/routes/app.jsx". Here we import each page of the app and create an array of objects in which we specify the path and component for each page (this is for creating the app routes <<react-router-dom>> in "src/containers/App/App.jsx" - see line 15 and lines 103-127), we specify the name of the page (this is for creating the name that appears in the navbar <<see line 6, lines 33-57 and line 63 in "src/components/Header/Header.jsx">> and the name that appears in the sidebar <<see line 9 and lines 50-61 in "src/components/Sidebar/Sidebar.jsx">>) and we specify the icon for this page (this is for the icon that appears alongside with the name in the sidebar component <<see line 9, lines 50-61 and line 55 in "src/components/Sidebar/Sidebar.jsx">>). Hope this information helps you. Please let us know if we can help you with anything else. Best, Manu.
1 month ago

petertahinduka 26 days ago

Hello everybody, I'm new to this whole React trend so help understand why I have an error: ./src/index.js Module not found: Can't resolve 'containers/App/App.jsx' and how I could possibly deal with it. i followed the documentation but I have no idea what to do next.

petertahinduka 26 days ago

Oh I found a way to rectify the issue...looking forward to working with this blueprint of perfection. Thanks @einazare for the feedback.

einazare
  • owner

Hi @petertahinduka and thanks for using our product. I am glad to hear that everything is ok now, but could you tell us what was wrong, how did you rectify the issue? If you have any other questions let us know how we can help you. You can open issues if you want on github here: https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues . Best, Manu.
26 days ago

petertahinduka

Hi @einazare the application wasn't resolving the App.jsx complaining that 'module not found' until I added the cross-env NODE_PATH variable in the package.json file. Again, thanks.
26 days ago

umashankar.singh
  • downloaded
18 days ago

Amazing template. Please guide how could I run this forever on server? I tried with PM2 but I'm doing something wrong.

einazare
  • owner

Hello @umashankar.singh and thank you for your interest in our product. The easiest way is to deploy it on a cloud application pltaform such as heroku (see this tutorial here: https://blog.heroku.com/deploying-react-with-zero-configuration) and link from your host to this. You could also use github pages or surge (see this tutorial here for surge and github pages: https://medium.freecodecamp.org/surge-vs-github-pages-deploying-a-create-react-app-project-c0ecbf317089). In our searches we've also found these two tutorials: <<https://scotch.io/tutorials/react-on-the-server-for-beginners-build-a-universal-react-and-node-app>> and <<https://medium.com/@kayode.adechinan/host-react-application-on-apache-server-90c803241483>> . Hope that information helps you. Please let us know if we can help you with anything else. Best, Manu.
18 days ago

fachreza
  • downloaded
1 day ago

how to use this on laravel ?

einazare
  • owner

Hello @fachreza , and thank you for your interest in our products. In our search we've found numerous tutorials on how to integrate React with Laravel. Each has a unique way of doing it. Please read these tutorials and see which is the better one for what you are building: 1) https://codeburst.io/reactjs-app-with-laravel-restful-api-endpoint-part-1-b3991dbf99f2 . 2) https://appdividend.com/2017/08/31/laravel-5-5-reactjs-tutorial/ . 3) https://medium.com/@connorleech/adding-react-js-to-laravel-5-4-web-applications-with-laravel-mix-1c3e82950a20 . I hope this information helps. Please let us know if we can help you with anything else. All the best, Manu.
1 day ago

fachreza
  • downloaded

@einazare thanks for your reply, actually i already install my react js on laravel. but when i try to integrate this theme i got some error. These dependencies were not found: * containers/App/App.jsx in ./resources/assets/js/components/lbd-react/src/index.js * react-router-dom in ./resources/assets/js/components/lbd-react/src/index.js
1 day ago

You have to be logged in to post a comment. Login here.

Why our customers appreciate us

Design Quality

Design Quality

Other

GL! Nicee