Skip to content

Commit caa618e

Browse files
Merge pull request #8 from nsyedanas/update-versions
updated the title of README.md
2 parents 9005945 + 4fefd49 commit caa618e

1 file changed

Lines changed: 3 additions & 22 deletions

File tree

README.md

Lines changed: 3 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
# Getting Started with React UI Components using Next.js
1+
# Getting Started with Syncfusion React Schedule Component using Next.js
22
## Description
33

44
This repository showcases a demo Next.js application that demonstrates how to integrate the Syncfusion React Scheduler component in a fully client‑side environment. <br />
55
The application provides an interactive and responsive scheduling interface, allowing users to create, update, view, and delete events directly within the Scheduler without relying on any backend services.
66

7-
<br />
8-
97
## Project Structure
108
```
119
├── public
@@ -26,7 +24,6 @@ The application provides an interactive and responsive scheduling interface, all
2624
├── README.md
2725
└── tsconfig.json
2826
```
29-
<br />
3027

3128
## Setup
3229
#### <u>Cloning the repository</u>
@@ -52,15 +49,12 @@ The application provides an interactive and responsive scheduling interface, all
5249
npm install
5350
```
5451

55-
<br />
56-
5752
## Running the Application
5853
Run the application by using the following command
5954

6055
```bash
6156
npm run dev
6257
```
63-
<br />
6458

6559
## Sample Outputs
6660
![FrontEnd Nextjs Output](./SampleOutputs/Output.png)
@@ -71,25 +65,19 @@ npm run dev
7165
<br />
7266
<br />
7367

74-
# Creating a Next.js Application Using Syncfusion® React Components
68+
# Creating a Next.js Application Using Syncfusion® React Schedule Component
7569
This section provides a step-by-step guide for setting up a Next.js application and integrating the Syncfusion® React Schedule component.
7670

77-
<br />
78-
7971
## What is Next.js?
8072
Next.js is a React framework that makes it easy to build fast, SEO-friendly, and user-friendly web applications. It provides features such as server-side rendering, automatic code splitting, routing, and API routes, making it an excellent choice for building modern web applications.
8173

82-
<br />
83-
8474
## Prerequisites
8575
Before getting started with the Next.js application, ensure the following prerequisites are met:
8676

8777
- Node.js 18.17 or later.
8878

8979
- The application is compatible with macOS, Windows, and Linux operating systems.
9080

91-
<br />
92-
9381
## Create a Next.js application
9482
To create a new Next.js application, use one of the commands that are specific to either NPM or Yarn.
9583

@@ -134,8 +122,6 @@ Using one of the above commands will lead you to set up additional configuration
134122
```
135123
The application is ready to run with default settings. Now, let’s add Syncfusion® components to the project.
136124

137-
<br />
138-
139125
## Install Syncfusion® React packages
140126
Syncfusion® React component packages are available at [npmjs.com](https://www.npmjs.com/search?q=ej2-react). To use Syncfusion® React components in the project, install the corresponding npm package.
141127

@@ -150,8 +136,6 @@ npm install @syncfusion/ej2-react-schedule --save
150136
yarn add @syncfusion/ej2-react-schedule
151137
```
152138

153-
<br />
154-
155139
## Import Syncfusion® CSS styles
156140
Syncfusion® React components come with [built-in themes](https://ej2.syncfusion.com/react/documentation/appearance/theme), which are available in the installed packages. It’s easy to adapt the Syncfusion® React components to match the style of your application by referring to one of the built-in themes.
157141

@@ -173,8 +157,6 @@ Import the Material theme into the `src/app/globals.css` file and removed the ex
173157

174158
To know more about built-in themes and CSS reference for individual components, refer to the [themes](https://ej2.syncfusion.com/react/documentation/appearance/theme) section.
175159

176-
<br />
177-
178160
## Add Syncfusion® React component
179161
Follow the below steps to add the React Schedule component to the Next.js project:
180162

@@ -304,8 +286,7 @@ Follow the below steps to add the React Schedule component to the Next.js projec
304286
)
305287
}
306288
```
307-
<br />
308-
289+
309290
## Run the application
310291
To run the application, use the following command:
311292

0 commit comments

Comments
 (0)