You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+3-22Lines changed: 3 additions & 22 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff 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
2
2
## Description
3
3
4
4
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 />
5
5
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.
6
6
7
-
<br />
8
-
9
7
## Project Structure
10
8
```
11
9
├── public
@@ -26,7 +24,6 @@ The application provides an interactive and responsive scheduling interface, all
26
24
├── README.md
27
25
└── tsconfig.json
28
26
```
29
-
<br />
30
27
31
28
## Setup
32
29
#### <u>Cloning the repository</u>
@@ -52,15 +49,12 @@ The application provides an interactive and responsive scheduling interface, all
52
49
npm install
53
50
```
54
51
55
-
<br />
56
-
57
52
## Running the Application
58
53
Run the application by using the following command
# Creating a Next.js Application Using Syncfusion® React Components
68
+
# Creating a Next.js Application Using Syncfusion® React Schedule Component
75
69
This section provides a step-by-step guide for setting up a Next.js application and integrating the Syncfusion® React Schedule component.
76
70
77
-
<br />
78
-
79
71
## What is Next.js?
80
72
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.
81
73
82
-
<br />
83
-
84
74
## Prerequisites
85
75
Before getting started with the Next.js application, ensure the following prerequisites are met:
86
76
87
77
- Node.js 18.17 or later.
88
78
89
79
- The application is compatible with macOS, Windows, and Linux operating systems.
90
80
91
-
<br />
92
-
93
81
## Create a Next.js application
94
82
To create a new Next.js application, use one of the commands that are specific to either NPM or Yarn.
95
83
@@ -134,8 +122,6 @@ Using one of the above commands will lead you to set up additional configuration
134
122
```
135
123
The application is ready to run with default settings. Now, let’s add Syncfusion® components to the project.
136
124
137
-
<br />
138
-
139
125
## Install Syncfusion® React packages
140
126
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.
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.
157
141
@@ -173,8 +157,6 @@ Import the Material theme into the `src/app/globals.css` file and removed the ex
173
157
174
158
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.
175
159
176
-
<br />
177
-
178
160
## Add Syncfusion® React component
179
161
Follow the below steps to add the React Schedule component to the Next.js project:
180
162
@@ -304,8 +286,7 @@ Follow the below steps to add the React Schedule component to the Next.js projec
304
286
)
305
287
}
306
288
```
307
-
<br />
308
-
289
+
309
290
## Run the application
310
291
To run the application, use the following command:
0 commit comments