├── .eslintrc.json
├── .gitignore
├── README.md
├── app
├── favicon.ico
├── globals.css
├── layout.tsx
├── page.tsx
└── style.css
├── next.config.js
├── package-lock.json
├── package.json
├── public
├── background.svg
├── discussions.svg
├── favicon.ico
├── github.svg
├── icon-primeract.svg
├── primeblocks.png
├── primeland.svg
├── primeone.png
├── primetemplates.png
├── star-fill.svg
└── text-primereact.svg
└── tsconfig.json
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "next/core-web-vitals"
3 | }
4 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # next.js
12 | /.next/
13 | /out/
14 |
15 | # production
16 | /build
17 |
18 | # misc
19 | .DS_Store
20 | *.pem
21 |
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 |
27 | # local env files
28 | .env*.local
29 |
30 | # vercel
31 | .vercel
32 |
33 | # typescript
34 | *.tsbuildinfo
35 | next-env.d.ts
36 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
2 |
3 | ## Getting Started
4 |
5 | First, run the development server:
6 |
7 | ```bash
8 | npm run dev
9 | # or
10 | yarn dev
11 | # or
12 | pnpm dev
13 | # or
14 | bun dev
15 | ```
16 |
17 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18 |
19 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
20 |
21 | This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
22 |
23 | ## Learn More
24 |
25 | To learn more about Next.js, take a look at the following resources:
26 |
27 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
29 |
30 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
31 |
32 | ## Deploy on Vercel
33 |
34 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
35 |
36 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
37 |
--------------------------------------------------------------------------------
/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/primefaces/primereact-quickstart/14752982ade61b69d6ae3df1a05d364600383ca4/app/favicon.ico
--------------------------------------------------------------------------------
/app/globals.css:
--------------------------------------------------------------------------------
1 |
2 | html{
3 | font-size: 14px;
4 | }
5 |
6 | body {
7 | min-height: 100vh;
8 | max-width: 100vw;
9 | color: #fff;
10 | background: radial-gradient(
11 | 135.35% 140.89% at 107.72% -60.35%,
12 | rgba(65, 184, 131, 0.4) 0%,
13 | rgba(5, 4, 31, 0) 100%
14 | ),
15 | #121116;
16 | margin: 0 auto;
17 | width: 100%;
18 | font-size: 14px;
19 | font-weight: 400;
20 | margin: 0;
21 | line-height: 1.6;
22 | font-family:
23 | Inter,
24 | -apple-system,
25 | BlinkMacSystemFont,
26 | 'Segoe UI',
27 | Roboto,
28 | Oxygen,
29 | Ubuntu,
30 | Cantarell,
31 | 'Fira Sans',
32 | 'Droid Sans',
33 | 'Helvetica Neue',
34 | sans-serif;
35 | text-rendering: optimizeLegibility;
36 | -webkit-font-smoothing: antialiased;
37 | -moz-osx-font-smoothing: grayscale;
38 | }
39 |
40 | .main-wrapper {
41 | background-image: url('/background.svg');
42 | background-repeat: no-repeat;
43 | background-attachment: fixed;
44 | background-size: contain;
45 | }
46 |
--------------------------------------------------------------------------------
/app/layout.tsx:
--------------------------------------------------------------------------------
1 | import "./globals.css";
2 | import type { Metadata } from "next";
3 | import { Inter } from "next/font/google";
4 | import "primereact/resources/themes/lara-light-indigo/theme.css";
5 | import "primeicons/primeicons.css";
6 |
7 | const inter = Inter({ subsets: ["latin"] });
8 |
9 | export const metadata: Metadata = {
10 | title: "PrimeReact Quickstart",
11 | description: "Generated by PrimeReact",
12 | };
13 |
14 | export default function RootLayout({
15 | children,
16 | }: {
17 | children: React.ReactNode;
18 | }) {
19 | return (
20 |
21 |
{children}
22 |
23 | );
24 | }
25 |
--------------------------------------------------------------------------------
/app/page.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { Button } from "primereact/button";
3 | import { InputText } from "primereact/inputtext";
4 | import "./style.css";
5 | export default function Home() {
6 | let starCount = 0;
7 | const maxStars = 5;
8 | let isAnimationRunning = false;
9 |
10 | const startAnimation = () => {
11 | if (isAnimationRunning) {
12 | return;
13 | }
14 |
15 | let a = document.getElementById("charging");
16 |
17 | const intervalId = setInterval(function () {
18 | if (starCount < maxStars) {
19 | (a as HTMLElement).innerHTML +=
20 | '
';
21 | starCount++;
22 | } else {
23 | clearInterval(intervalId);
24 | isAnimationRunning = false;
25 | }
26 | }, 1200);
27 |
28 | isAnimationRunning = true;
29 | };
30 | return (
31 | <>
32 |
33 |
34 |
35 |
36 |

37 |

42 |
43 |
44 |
Start your next project with powerful PrimeReact
45 |
46 | We strongly advise you to explore the
47 |
52 | PrimeReact documentation
53 |
54 | to enhance your skills.
55 |
56 |
57 |
58 |
59 |
60 |
84 |
85 |
90 |
91 |
99 |
100 |
114 |
115 |
130 |
131 |
147 |
148 |
163 |
164 |
165 |
166 |
189 |
190 | >
191 | );
192 | }
193 |
--------------------------------------------------------------------------------
/app/style.css:
--------------------------------------------------------------------------------
1 | ::selection {
2 | background-color: #03C4E8;;
3 | color: #fff;
4 | }
5 |
6 | :focus,
7 | :focus-visible {
8 | outline: none;
9 | box-shadow: 0 0 0 2px #1e2226, 0 0 0 4px #03C4E8, 0 1px 2px 0 black;
10 | }
11 |
12 | a {
13 | cursor: pointer;
14 | }
15 |
16 | .main-container {
17 | max-width: 1448px;
18 | margin: 0 auto;
19 | padding: 5.5rem 6rem 3rem;
20 | }
21 |
22 | .hero-section {
23 | display: flex;
24 | flex-direction: column;
25 | gap: 2.267rem;
26 | margin-bottom: 3.89rem;
27 | }
28 |
29 | .hero-section .logo {
30 | display: flex;
31 | align-items: center;
32 | gap: 1.25rem;
33 | }
34 |
35 | .hero-section .hero-content {
36 | display: flex;
37 | flex-direction: column;
38 | gap: 1.25rem;
39 | }
40 |
41 | .hero-section .hero-content h1 {
42 | margin: 0;
43 | font-size: 2.7rem;
44 | font-weight: 600;
45 | max-width: 34.71rem;
46 | }
47 |
48 | .hero-section .hero-content span {
49 | font-size: 1rem;
50 | }
51 |
52 | .hero-section .hero-content span > a {
53 | font-size: 1rem;
54 | opacity: 0.98;
55 | color: #03C4E8;
56 | font-weight: 700;
57 | text-decoration-line: underline;
58 | transition: opacity 0.2s;
59 | }
60 |
61 | .hero-section .hero-content span > a:hover {
62 | opacity: 0.78;
63 | }
64 |
65 | .grid-section {
66 | display: grid;
67 | grid-template-columns: 1fr 1fr 1fr;
68 | grid-template-rows: 1fr 1fr 1fr 1fr;
69 | gap: 1.714rem;
70 | position: relative;
71 | z-index: 0;
72 | }
73 |
74 | .grid-section .card {
75 | display: flex;
76 | padding: 1rem 1rem 0.443rem;
77 | flex-direction: column;
78 | align-items: center;
79 | gap: 0.616rem;
80 | border-radius: 20px;
81 | border: 1px solid rgba(255, 255, 255, 0.1);
82 | background: #1e2226;
83 | position: relative;
84 | max-width: 411px;
85 | width: 100%;
86 | }
87 |
88 | .grid-section .card::after {
89 | content: "";
90 | background: linear-gradient(
91 | -145deg,
92 | rgba(255, 255, 255, 0) 32.91%,
93 | #fff 54.61%,
94 | rgba(255, 255, 255, 0) 74.56%
95 | );
96 | border-radius: 20px;
97 | position: absolute;
98 | top: -2px;
99 | width: calc(100% + 4px);
100 | height: calc(100% + 4px);
101 | left: -2px;
102 | bottom: 1px;
103 | right: -1px;
104 | z-index: -1;
105 | transition: all linear 1s;
106 | background-position: 450.667px -90px;
107 | background-repeat: no-repeat;
108 | opacity: 0.4;
109 | }
110 |
111 | .grid-section .card:hover::after {
112 | background-position: -450.667px 80px;
113 | }
114 |
115 | .grid-section .card img {
116 | width: 100%;
117 | }
118 | .charging .img {
119 | padding: 0.7rem;
120 |
121 | }
122 |
123 | .grid-section .card .card-footer-link {
124 | display: flex;
125 | width: 100%;
126 | padding: 0.857rem 1.142rem;
127 | justify-content: space-between;
128 | align-items: center;
129 | gap: 8px;
130 | border-radius: 4px;
131 | font-size: 1rem;
132 | color: #fff;
133 | backdrop-filter: blur(10px);
134 | text-decoration: none;
135 | cursor: pointer;
136 | }
137 |
138 | .grid-section .card .card-footer-link i {
139 | position: relative;
140 | right: 0;
141 | transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
142 | }
143 |
144 | .grid-section .card .card-footer-link:hover i {
145 | right: -0.3rem;
146 | }
147 |
148 | .grid-section .card.forms {
149 | grid-row: 1/3;
150 | grid-column: 1/2;
151 | }
152 |
153 | .grid-section .card.forms .form-wrapper {
154 | display: flex;
155 | width: 100%;
156 | flex-direction: column;
157 | align-items: center;
158 | justify-content: center;
159 | gap: 2.571rem;
160 | border-radius: 10px;
161 | border: 1px solid rgba(255, 255, 255, 0.1);
162 | background: rgba(255, 255, 255, 0.05);
163 | backdrop-filter: blur(10px);
164 | min-height: 16.35rem;
165 | }
166 | .deneme{
167 | max-width: 245px;
168 | width: 100%;
169 | }
170 |
171 | .grid-section .card.forms .form-wrapper .form-input-wrapper {
172 | width: 100%;
173 | }
174 |
175 | .grid-section .card.forms .form-wrapper .form-input {
176 | border: 1px solid rgba(255, 255, 255, 0.2);
177 | background: linear-gradient(
178 | 0deg,
179 | rgba(255, 255, 255, 0.03) 0%,
180 | rgba(255, 255, 255, 0.03) 100%
181 | ),
182 | #2a2d31;
183 | transition: all 0.2s;
184 | width: 100%;
185 | }
186 |
187 | .grid-section .card.forms .form-wrapper .form-input:hover {
188 | border: 1px solid #03C4E8;;
189 | }
190 |
191 | .grid-section .card.forms .form-wrapper .form-input:focus {
192 | box-shadow: 0 0 0 2px #1e2226, 0 0 0 4px #03C4E8, 0 1px 2px 0 black;
193 | }
194 |
195 | .grid-section .card.forms .form-wrapper .form-button {
196 | width: 100%;
197 | border: 1px solid #03C4E8;;
198 | background: #03C4E8;;
199 | color: #1c2127;
200 | transition: all 0.2s;
201 | }
202 |
203 | .grid-section .card.forms .form-wrapper .form-button:hover {
204 | width: 100%;
205 | border: 1px solid #03C4E8;;
206 | background: #03C4E8;;
207 | color: #1c2127;
208 | }
209 |
210 | .grid-section .card.forms .form-wrapper .form-button:focus {
211 | box-shadow: 0 0 0 2px #1e2226, 0 0 0 4px #03C4E8, 0 1px 2px 0 black;
212 | }
213 |
214 | .grid-section .card.primeland {
215 | grid-row: 1/2;
216 | grid-column: 2/3;
217 | justify-content: center;
218 | }
219 |
220 | .grid-section .card.discussions {
221 | grid-row: 2/3;
222 | grid-column: 2/3;
223 | justify-content: center;
224 | }
225 |
226 | .grid-section .card.discussions a,
227 | .card.primeland a {
228 | display: flex;
229 | justify-content: center;
230 | align-items: center;
231 | width: 100%;
232 | height: 100%;
233 | }
234 |
235 | .grid-section .card.discussions a img,
236 | .card.primeland a img {
237 | height: 32px;
238 | -webkit-mask-image: linear-gradient(
239 | 87deg,
240 | rgba(255, 255, 255, 0.7) 30%,
241 | #fff 50%,
242 | rgba(255, 255, 255, 0.7) 70%
243 | );
244 | -webkit-mask-size: 200%;
245 | }
246 |
247 | .grid-section .card.discussions a:hover img,
248 | .card.primeland a:hover img {
249 | animation: blink 2s infinite;
250 | }
251 |
252 | .grid-section .card.github {
253 | grid-row: 1/3;
254 | grid-column: 3/4;
255 | }
256 |
257 | .grid-section .card.github .github-wrapper {
258 | display: flex;
259 | align-items: center;
260 | justify-content: center;
261 | width: 100%;
262 | border-radius: 10px;
263 | padding: 2rem;
264 | border: 1px solid rgba(255, 255, 255, 0.1);
265 | background: rgba(255, 255, 255, 0.05);
266 | backdrop-filter: blur(10px);
267 | position: relative;
268 | min-height: 10px;
269 | height:100%;
270 | }
271 |
272 | .grid-section .card.github .github-wrapper .git-image {
273 | width: 174px;
274 | height: 174px;
275 | flex-shrink: 0;
276 | fill: linear-gradient(
277 | 180deg,
278 | rgba(255, 255, 255, 0.4) -234.2%,
279 | rgba(255, 255, 255, 0) 100%
280 | );
281 | mix-blend-mode: color-dodge;
282 | }
283 |
284 | .grid-section .card.github .github-wrapper .stars {
285 | position: absolute;
286 | }
287 |
288 | .grid-section .card.templates {
289 | grid-row: 3/5;
290 | grid-column: 1/2;
291 | }
292 |
293 | .grid-section .card.blocks {
294 | grid-row: 3/5;
295 | grid-column: 2/3;
296 | }
297 |
298 | .grid-section .card.primeone {
299 | grid-row: 3/5;
300 | grid-column: 3/4;
301 | }
302 |
303 | .grid-section .card.templates img,
304 | .card.primeone img,
305 | .card.blocks img {
306 | border-radius: 10px;
307 | min-height: 16.35rem;
308 | }
309 |
310 | .footer {
311 | margin-top: 6.9rem;
312 | width: 100%;
313 | position: relative;
314 | margin-bottom: 2.85rem;
315 | }
316 |
317 | .footer::before {
318 | content: "";
319 | display: block;
320 | position: absolute;
321 | height: 1px;
322 | width: 100%;
323 | top: 50%;
324 | background-color: rgba(255, 255, 255, 0.1);
325 | z-index: -1;
326 | }
327 |
328 | .footer .footer-content {
329 | display: flex;
330 | width: 100%;
331 | justify-content: space-between;
332 | align-items: center;
333 | padding: 0 6rem;
334 | max-width: 1448px;
335 | margin: 0 auto;
336 | }
337 |
338 | .footer .footer-content .license,
339 | .socials {
340 | display: flex;
341 | padding: 7.5px;
342 | align-items: center;
343 | gap: 0.857rem;
344 | border-radius: 48px;
345 | border: 1px solid rgba(255, 255, 255, 0.1);
346 | background-color: #1e2226;
347 | text-decoration: none;
348 | color: #fff;
349 | transition: color 0.3s;
350 | }
351 |
352 | .footer .footer-content .license:hover {
353 | color: #03C4E8;;
354 | }
355 |
356 | .footer .footer-content .socials a {
357 | display: flex;
358 | color: #fff;
359 | text-decoration: none;
360 | }
361 |
362 | .footer .footer-content .socials a i {
363 | transition: color 0.3s;
364 | }
365 |
366 | .footer .footer-content .socials a:hover i {
367 | color: #03C4E8;;
368 | }
369 |
370 | .footer .footer-content .footer-logo {
371 | display: flex;
372 | width: 44px;
373 | height: 44px;
374 | justify-content: center;
375 | align-items: center;
376 | gap: 8px;
377 | flex-shrink: 0;
378 | border-radius: 48px;
379 | background-color: #1e2226;
380 | border: 1px solid rgba(255, 255, 255, 0.1);
381 | transition: all 0.3s;
382 | }
383 |
384 | .footer .footer-content .footer-logo img {
385 | width: 17.711px;
386 | height: 20px;
387 | }
388 |
389 | .footer .footer-content .footer-logo:hover {
390 | background-color: #2b3035;
391 | }
392 |
393 | @media (max-width: 1200px) {
394 | .grid-section {
395 | display: grid;
396 | grid-template-columns: 1fr 1fr;
397 | grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
398 | gap: 1.714rem;
399 | position: relative;
400 | z-index: 0;
401 | }
402 |
403 | .grid-section .card.forms {
404 | grid-row: 1/3;
405 | grid-column: 1/2;
406 | }
407 |
408 | .grid-section .card.primeland {
409 | grid-row: 1/2;
410 | grid-column: 2/3;
411 | }
412 |
413 | .grid-section .card.discussions {
414 | grid-row: 2/3;
415 | grid-column: 2/3;
416 | }
417 |
418 | .grid-section .card.github {
419 | grid-row: 3/5;
420 | grid-column: 1/2;
421 | }
422 |
423 | .grid-section .card.templates {
424 | grid-row: 3/5;
425 | grid-column: 2/3;
426 | }
427 |
428 | .grid-section .card.blocks {
429 | grid-row: 5/7;
430 | grid-column: 1/2;
431 | }
432 |
433 | .grid-section .card.primeone {
434 | grid-row: 5/7;
435 | grid-column: 2/3;
436 | }
437 | }
438 |
439 | @media (max-width: 991px) {
440 | .grid-section .card.forms .form-wrapper {
441 | padding-left: 2rem;
442 | padding-right: 2rem;
443 | }
444 | }
445 |
446 | @media (max-width: 786px) {
447 | .main-container {
448 | padding-left: 4rem;
449 | padding-right: 4rem;
450 | }
451 |
452 | .grid-section {
453 | display: grid;
454 | grid-template-columns: 1fr;
455 | grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
456 | gap: 1.714rem;
457 | position: relative;
458 | z-index: 0;
459 | }
460 |
461 | .grid-section .card.forms {
462 | grid-row: 1/3;
463 | grid-column: 1;
464 | }
465 |
466 | .grid-section .card.primeland {
467 | grid-row: 3/4;
468 | grid-column: 1;
469 | }
470 |
471 | .grid-section .card.discussions {
472 | grid-row: 4/5;
473 | grid-column: 1;
474 | }
475 |
476 | .grid-section .card.github {
477 | grid-row: 5/7;
478 | grid-column: 1;
479 | }
480 |
481 | .grid-section .card.templates {
482 | grid-row: 7/9;
483 | grid-column: 1;
484 | }
485 |
486 | .grid-section .card.blocks {
487 | grid-row: 9/11;
488 | grid-column: 1;
489 | }
490 |
491 | .grid-section .card.primeone {
492 | grid-row: 11/13;
493 | grid-column: 1;
494 | }
495 |
496 | .footer {
497 | margin-top: 4rem;
498 | }
499 |
500 | .footer .footer-content {
501 | padding-left: 4rem;
502 | padding-right: 4rem;
503 | }
504 | }
505 |
506 | @media (max-width: 486px) {
507 | .main-container {
508 | padding-left: 2rem;
509 | padding-right: 2rem;
510 | }
511 |
512 | .footer .footer-content {
513 | padding-left: 2rem;
514 | padding-right: 2rem;
515 | }
516 |
517 | .footer .footer-content .license {
518 | width: 10rem;
519 | display: flex;
520 | }
521 | }
522 |
523 | @keyframes blink {
524 | 0% {
525 | -webkit-mask-position: 150%;
526 | }
527 |
528 | 100% {
529 | -webkit-mask-position: -50%;
530 | }
531 | }
532 |
--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {}
3 |
4 | module.exports = nextConfig
5 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "quickstart-primereact",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "next": "13.5.4",
13 | "primeicons": "^6.0.1",
14 | "primereact": "^10.0.2",
15 | "react": "^18",
16 | "react-dom": "^18"
17 | },
18 | "devDependencies": {
19 | "@types/node": "^20",
20 | "@types/react": "^18",
21 | "@types/react-dom": "^18",
22 | "eslint": "^8",
23 | "eslint-config-next": "13.5.4",
24 | "typescript": "^5"
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/public/background.svg:
--------------------------------------------------------------------------------
1 |
90 |
--------------------------------------------------------------------------------
/public/discussions.svg:
--------------------------------------------------------------------------------
1 |
91 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/primefaces/primereact-quickstart/14752982ade61b69d6ae3df1a05d364600383ca4/public/favicon.ico
--------------------------------------------------------------------------------
/public/github.svg:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/public/icon-primeract.svg:
--------------------------------------------------------------------------------
1 |
25 |
--------------------------------------------------------------------------------
/public/primeblocks.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/primefaces/primereact-quickstart/14752982ade61b69d6ae3df1a05d364600383ca4/public/primeblocks.png
--------------------------------------------------------------------------------
/public/primeland.svg:
--------------------------------------------------------------------------------
1 |
77 |
--------------------------------------------------------------------------------
/public/primeone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/primefaces/primereact-quickstart/14752982ade61b69d6ae3df1a05d364600383ca4/public/primeone.png
--------------------------------------------------------------------------------
/public/primetemplates.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/primefaces/primereact-quickstart/14752982ade61b69d6ae3df1a05d364600383ca4/public/primetemplates.png
--------------------------------------------------------------------------------
/public/star-fill.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/public/text-primereact.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": ["dom", "dom.iterable", "esnext"],
5 | "allowJs": true,
6 | "skipLibCheck": true,
7 | "strict": true,
8 | "noEmit": true,
9 | "esModuleInterop": true,
10 | "module": "esnext",
11 | "moduleResolution": "bundler",
12 | "resolveJsonModule": true,
13 | "isolatedModules": true,
14 | "jsx": "preserve",
15 | "incremental": true,
16 | "plugins": [
17 | {
18 | "name": "next"
19 | }
20 | ],
21 | "paths": {
22 | "@/*": ["./*"]
23 | }
24 | },
25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
26 | "exclude": ["node_modules"]
27 | }
28 |
--------------------------------------------------------------------------------