From b0e5530f24cded4679ec0c312a971888e3dcd2d7 Mon Sep 17 00:00:00 2001
From: "Md. Jamal Uddin" <20262255+jaamaal95@users.noreply.github.com>
Date: Sat, 1 Jan 2022 20:35:24 +0600
Subject: [PATCH] Add Next.js Resources (#974)

* add react.js resources

* add css resources

* add graphql resources

* add redux resources

* add typescript resources

* add next.js resources
---
 .../content/116-type-checkers/100-typescript.md    |  5 +++++
 .../100-react-js/100-next-js.md                    | 14 +++++++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md b/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md
index d84078de2..998c9f037 100644
--- a/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md
+++ b/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md
@@ -8,3 +8,8 @@ TypeScript is a strongly typed programming language that builds on JavaScript, g
 <BadgeLink colorScheme='blue' badgeText='Handbook' href='https://www.typescriptlang.org/docs/handbook/intro.html'>The TypeScript Handbook</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.tutorialspoint.com/typescript/index.htm'>TypeScript Tutorial</BadgeLink>
 <BadgeLink colorScheme='purple' badgeText='Watch' href='https://www.youtube.com/watch?v=BwuLxPH8IDs'>TypeScript for Beginners</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Website' href='https://www.typescriptlang.org/'>TypeScript Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://www.typescriptlang.org/docs/handbook/intro.html'>The TypeScript Handbook</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://www.typescriptlang.org/docs/'>Official Docs for Deep Dives</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://youtu.be/ahCwqrYpIuM'>TypeScript - The Basics</BadgeLink>
+<BadgeLink badgeText='Course' colorScheme='green' href='https://youtu.be/BwuLxPH8IDs'>TypeScript Course for Beginners 2021 - Learn TypeScript from Scratch!</BadgeLink>
diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/100-next-js.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/100-next-js.md
index f0d7ab1b8..b43cb489d 100644
--- a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/100-next-js.md
+++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/100-next-js.md
@@ -1 +1,13 @@
-# Next js
\ No newline at end of file
+# Next js
+
+Next.js is an open-source development framework built on top of Node.js
+enabling React based web applications functionalities such as server-side
+rendering and generating static websites.
+
+<ResourceGroupTitle>Free Resources</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Website' href='https://nextjs.org/'>Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Docs' href='https://nextjs.org/docs/getting-started'>Official Docs for Getting Started</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://nextjs.org/learn/basics/create-nextjs-app'>Create a Next.js App</BadgeLink>
+<BadgeLink colorScheme='purple' badgeText='Watch' href='https://masteringnextjs.com/'>Mastering Next.js</BadgeLink>
+<BadgeLink colorScheme='purple' badgeText='Watch' href='https://youtu.be/1WmNXEVia8I'>Next.js for Beginners - Full Course at freeCodeCamp YouTube Channel</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Handbook' href='https://www.freecodecamp.org/news/the-next-js-handbook/'>The Next.js Handbook by Flavio Copes on freeCodeCamp blog</BadgeLink>