Installation

Step by step guide on how to install cdbreact

Prerequisites

To use CDBReact in your project, you have to install Node.js LTS.

Install CDBReact

Step 1: Create a React App using create-react-app

npx create-react-app <appname>

Step 2: Navigate to app's directory

cd <appname>

Step 3: Install cdbreact using npm or yarn

npm install --save cdbreact

or

yarn add cdbreact

Step 4: Launch your app

npm run start

or

yarn start

Usage with Gatsby.js

Step by step guide on how to use cdbreact in a Gatsby.js project

Step 1: Create a new Gatsby application

npm init gatsby

Answer the questions that show up to get your application initialized as shown below.

• name of your site - <app-name>
• folder name - <folder>/<app-name>
• choose between JavaScript or TypeScript - (Choose one)
• CMS - No (or I'll add it later)
• styling system - No (or I'll add it later)

Step 2: Navigate to app's directory

cd <appname>

Step 3: Install cdbreact using npm:

npm install --save cdbreact

Step 4: Launch your app

npm start

Visually build tailwind css projects 10x faster using AI

Build Tailwind websites visually and ship projects to production in minutes instead of days. Generates code from your designs to export to your favourite frameworks like React, Vue, Angular.

Try Windframe out for free.

Build modern projects using Bootstrap 5 and Contrast

Trying to create components and pages for a web app or website from scratch while maintaining a modern User interface can be very tedious. This is why we created Contrast, to help drastically reduce the amount of time we spend doing that. so we can focus on building some other aspects of the project.

Contrast Bootstrap PRO consists of a Premium UI Kit Library featuring over 10000+ component variants. Which even comes bundled together with its own admin template comprising of 5 admin dashboards and 23+ additional admin and multipurpose pages for building almost any type of website or web app.
See a demo and learn more about Contrast Bootstrap Pro by clicking here.