From baac2e6de9448828868cc0395c3116c9835c9578 Mon Sep 17 00:00:00 2001
From: Deepaksingh Kushwah <deepkushwah824@gmail.com>
Date: Fri, 11 Aug 2023 21:00:01 +0530
Subject: [PATCH] chore: added Threejs & Nextjs frameworks (#1537)

---
 database/data.ts             | 2 ++
 database/frontend/next.json  | 9 +++++++++
 database/frontend/three.json | 9 +++++++++
 database/index.ts            | 2 ++
 types/index.ts               | 2 ++
 5 files changed, 24 insertions(+)
 create mode 100644 database/frontend/next.json
 create mode 100644 database/frontend/three.json

diff --git a/database/data.ts b/database/data.ts
index b3e9495a7..2beec1764 100644
--- a/database/data.ts
+++ b/database/data.ts
@@ -11,6 +11,8 @@ export const sidebarData: ISidebar[] = [
     category: 'frontend',
     subcategory: [
       { name: 'react js', url: '/react', resources: DB.react },
+      { name: 'next js', url: '/next', resources: DB.next },
+      { name: 'three js', url: '/three', resources: DB.three },
       { name: 'images', url: '/images', resources: DB.images },
       { name: 'fonts', url: '/fonts', resources: DB.fonts },
       { name: 'colors', url: '/colors', resources: DB.colors },
diff --git a/database/frontend/next.json b/database/frontend/next.json
new file mode 100644
index 000000000..03069b410
--- /dev/null
+++ b/database/frontend/next.json
@@ -0,0 +1,9 @@
+[
+    {
+      "name": "NextJS",
+      "description": "Used by some of the world's largest companies, Next.js enables you to create full-stack Web applications by extending the latest React features and integrating powerful Rust-based JavaScript tooling for the fastest builds.",
+      "url": "https://nextjs.org/",
+      "category": "frontend",
+      "subcategory": "next-js"
+    }
+  ]
diff --git a/database/frontend/three.json b/database/frontend/three.json
new file mode 100644
index 000000000..4e906afc8
--- /dev/null
+++ b/database/frontend/three.json
@@ -0,0 +1,9 @@
+[
+    {
+      "name": "ThreeJS",
+      "description": "Three.js is the world's most popular JavaScript framework for displaying 3D content on the web. With three.js, you no longer need a fancy gaming PC console or download a special application to display photorealistic 3D graphics. All you need is a smartphone and a web browser.",
+      "url": "https://discoverthreejs.com/",
+      "category": "frontend",
+      "subcategory": "three-js"
+    }
+  ]
diff --git a/database/index.ts b/database/index.ts
index b44becb29..23c2cf63f 100644
--- a/database/index.ts
+++ b/database/index.ts
@@ -11,6 +11,8 @@ export { default as onlineCodeEditors } from './frontend/online-code-editors.jso
 export { default as themesTemplates } from './frontend/themes-templates.json'
 export { default as uiGenerators } from './frontend/ui-generators.json'
 export { default as react } from './frontend/react.json'
+export { default as next } from './frontend/next.json'
+export { default as three } from './frontend/three.json'
 export { default as videos } from './frontend/videos.json'
 // backend
 export { default as authentication } from './backend/authentication.json'
diff --git a/types/index.ts b/types/index.ts
index b7faaac66..bc7feb369 100644
--- a/types/index.ts
+++ b/types/index.ts
@@ -92,6 +92,8 @@ export const subcategoryArray = [
   'images',
   'online-code-editors',
   'react',
+  'next-js',
+  'three-js',
   'themes-templates',
   'ui-generators',
   'videos',