Added Next.js documentation (Issue#700) #732

Condition00 · 2025-10-03T14:19:18Z

Description

Complete rewrite and enhancement of the Next.js introduction documentation to provide a comprehensive, beginner-friendly guide with improved structure, readability, and visual appeal.

Fixes #700

Type of Change

Documentation update (README, contribution guidelines, etc.)
UI/UX improvement (design, layout, or styling updates)

Changes Made

Rewrote complete Next.js documentation.

Dependencies

No new dependencies

Checklist

[ x] My code follows the style guidelines of this project.
[ x] I have tested my changes across major browsers and devices
[ x] My changes do not generate new console warnings or errors .
[ x] I ran npm run build and attached screenshot(s) in this PR.
[ x] This is already assigned Issue to me, not an unassigned issue.

vercel · 2025-10-03T14:19:23Z

@Condition00 is attempting to deploy a commit to the recode Team on Vercel.

A member of the Team first needs to authorize it.

github-actions · 2025-10-03T14:19:27Z

Synced data from Linked Issues

Labels:

enhancement
level 1
recode
hacktoberfest-accepted

Assignees:

Condition00

Milestones:

recode:launch 3.0

github-actions · 2025-10-03T14:19:27Z

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. The estimated time for response is 5–8 hrs.

In the meantime, please provide all necessary screenshots and make sure you run - npm build run , command and provide a screenshot, a video recording, or an image of the update you made below, which helps speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your PR goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent 20 contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Your perks for contribution to this community 👇🏻

Get free Consultation use code recode50 to get free: Mentorship for free.
Get the Ebook for free use code recode at checkout: Data Science cheatsheet for Beginners.
Check out this weekly Newsletter: Sanjay's Newsletter.

If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

Copilot

Pull Request Overview

This pull request completely rewrites the Next.js introduction documentation to provide a comprehensive, beginner-friendly guide with enhanced structure, visual appeal, and educational content. The rewrite transforms a basic documentation page into an in-depth learning resource.

Complete restructuring with detailed sections covering Next.js fundamentals, rendering strategies, and learning paths
Enhanced readability with improved formatting, tables, code examples, and visual elements
Expanded content including terminology explanations, career insights, and practical guidance for beginners

Comments suppressed due to low confidence (1)

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

Copilot · 2025-10-03T14:20:21Z

docs/Nextjs/intro-nextjs.md

+
+### Video Tutorial
+
+[![Next.js 14 Full Course - Build and Deploy a Full Stack App](https://img.youtube.com/vi/wm5gMKuwSYk/0.jpg)](https://www.youtube.com/watch?v=wm5gMKuwSYk)


The YouTube video ID 'wm5gMKuwSYk' is hardcoded in multiple places (line 371 and the commented iframe on line 297). If the video changes, it will need to be updated in multiple locations. Consider defining it as a variable or using a consistent reference method.

Copilot · 2025-10-03T14:20:21Z

docs/Nextjs/intro-nextjs.md

-1.  *What is a React Framework?*: To understand React frameworks, let me give you one example; React is like the engine of a car, but to build a complete car, you need wheels, seats, steering, etc. Similarly, to build a complete web application with React, you need routing, styling, data fetching, and many other features. Next.js is like a complete car built around the React engine. It provides all the additional features you need to build production-ready applications.

-2.  Basic Next.js Terminology::
+## Why Learn Next.js in 2025 and Beyond?


The section title references '2025' which will become outdated quickly. Consider using 'Why Learn Next.js Today?' or 'Why Learn Next.js?' to avoid date-specific content that requires regular updates.

vercel · 2025-10-03T23:45:56Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
recode-website	Error			Oct 3, 2025 11:47pm

sanjay-kv · 2025-10-03T23:49:20Z

@Condition00

09:45:56.145 Running build in Washington, D.C., USA (East) – iad1 09:45:56.146 Build machine configuration: 4 cores, 8 GB 09:45:56.162 Cloning github.com/recodehive/recode-website (Branch: issue#700, Commit: e4d5d81) 09:45:58.231 Cloning completed: 2.069s 09:45:58.380 Restored build cache from previous deployment (GCmBKtCV1MHTy4kXKmsyShaGYUKJ) 09:45:59.397 Running "vercel build" 09:45:59.804 Vercel CLI 48.2.0 09:46:00.393 Warning: Detected "engines": { "node": ">=18.0" } in your package.jsonthat will automatically upgrade when a new major Node.js Version is released. Learn More: http://vercel.link/node-version 09:46:00.397 Installing dependencies... 09:46:03.282 09:46:03.283 up to date in 3s 09:46:03.283 09:46:03.283 446 packages are looking for funding 09:46:03.283 runnpm fundfor details 09:46:03.327 Running "npm run build" 09:46:03.442 09:46:03.443 > [email protected] build 09:46:03.443 > docusaurus build 09:46:03.443 09:46:04.816 [INFO] [en] Creating an optimized production build... 09:46:06.013 [info] [webpackbar] Compiling Client 09:46:06.033 [info] [webpackbar] Compiling Server 09:47:04.255 [success] [webpackbar] Server: Compiled successfully in 58.22s 09:47:42.620 [success] [webpackbar] Client: Compiled successfully in 1.61m 09:47:54.180 09:47:54.182 [ERROR] Error: Unable to build website for locale en. 09:47:54.182 at tryToBuildLocale (/vercel/path0/node_modules/@docusaurus/core/lib/commands/build/build.js:83:15) 09:47:54.183 at async /vercel/path0/node_modules/@docusaurus/core/lib/commands/build/build.js:35:9 09:47:54.183 ... 4 lines matching cause stack trace ... 09:47:54.183 at async file:///vercel/path0/node_modules/@docusaurus/core/bin/docusaurus.mjs:44:3 { 09:47:54.183 [cause]: Error: Docusaurus static site generation failed for 1 paths: 09:47:54.183 - "/docs/Nextjs/intro-nextjs" 09:47:54.183 at throwSSGError (/vercel/path0/node_modules/@docusaurus/core/lib/ssg/ssgGlobalResult.js:56:11) 09:47:54.183 at createGlobalSSGResult (/vercel/path0/node_modules/@docusaurus/core/lib/ssg/ssgGlobalResult.js:66:9) 09:47:54.183 ... 11 lines matching cause stack trace ... 09:47:54.183 at async file:///vercel/path0/node_modules/@docusaurus/core/bin/docusaurus.mjs:44:3 { 09:47:54.183 [cause]: AggregateError 09:47:54.183 at throwSSGError (/vercel/path0/node_modules/@docusaurus/core/lib/ssg/ssgGlobalResult.js:57:16) 09:47:54.183 at createGlobalSSGResult (/vercel/path0/node_modules/@docusaurus/core/lib/ssg/ssgGlobalResult.js:66:9) 09:47:54.184 at /vercel/path0/node_modules/@docusaurus/core/lib/ssg/ssgExecutor.js:30:68 09:47:54.184 at async executeSSG (/vercel/path0/node_modules/@docusaurus/core/lib/ssg/ssgExecutor.js:144:20) 09:47:54.184 at async buildLocale (/vercel/path0/node_modules/@docusaurus/core/lib/commands/build/buildLocale.js:84:31) 09:47:54.184 at async runBuildLocaleTask (/vercel/path0/node_modules/@docusaurus/core/lib/commands/build/build.js:98:5) 09:47:54.184 at async /vercel/path0/node_modules/@docusaurus/core/lib/commands/build/build.js:79:13 09:47:54.184 at async tryToBuildLocale (/vercel/path0/node_modules/@docusaurus/core/lib/commands/build/build.js:75:9) 09:47:54.184 at async /vercel/path0/node_modules/@docusaurus/core/lib/commands/build/build.js:35:9 09:47:54.184 at async mapAsyncSequential (/vercel/path0/node_modules/@docusaurus/utils/lib/jsUtils.js:21:24) 09:47:54.184 at async Command.build (/vercel/path0/node_modules/@docusaurus/core/lib/commands/build/build.js:34:5) 09:47:54.184 at async Promise.all (index 0) 09:47:54.184 at async runCLI (/vercel/path0/node_modules/@docusaurus/core/lib/commands/cli.js:56:5) 09:47:54.184 at async file:///vercel/path0/node_modules/@docusaurus/core/bin/docusaurus.mjs:44:3 { 09:47:54.184 [errors]: [ 09:47:54.184 Error: Can't render static file for pathname "/docs/Nextjs/intro-nextjs" 09:47:54.185 at generateStaticFile (/vercel/path0/node_modules/@docusaurus/core/lib/ssg/ssgRenderer.js:131:20) 09:47:54.185 at process.processTicksAndRejections (node:internal/process/task_queues:105:5) 09:47:54.185 at async /vercel/path0/node_modules/p-map/index.js:57:22 { 09:47:54.185 [cause]: Error: Thestyle prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX. 09:47:54.185 at Fa (server.bundle.js:9517:49) 09:47:54.185 at K (server.bundle.js:9519:44) 09:47:54.185 at Ka (server.bundle.js:9522:184) 09:47:54.185 at Pa (server.bundle.js:9530:68) 09:47:54.185 at Xc (server.bundle.js:9563:32) 09:47:54.185 at Z (server.bundle.js:9568:89) 09:47:54.185 at Yc (server.bundle.js:9571:98) 09:47:54.185 at $c (server.bundle.js:9570:140) 09:47:54.185 at Z (server.bundle.js:9568:345) 09:47:54.185 at Yc (server.bundle.js:9571:98) 09:47:54.186 } 09:47:54.186 ] 09:47:54.186 } 09:47:54.186 } 09:47:54.186 } 09:47:54.186 [INFO] Docusaurus version: 3.9.1 09:47:54.186 Node version: v22.20.0 09:47:54.296 Error: Command "npm run build" exited with 1

iitzIrFan

Fix the error and can ask for help if required in debugging :)

Condition00 · 2025-10-04T03:22:02Z

Yup okay I will fix.

Condition00 · 2025-10-04T05:38:35Z

@iitzIrFan @sanjay-kv I fixed the error, and I am confident there should be no more errors in vercel, if any pops up lemme know. It was a svg style mismatch issue, I replaced it with a preexisting image in /assets. oh and thanks for the build error. it was easier to see what was wrong.

merge if no issues.

Condition00 added 10 commits October 3, 2025 12:54

docs update: intro-nextjs.md

4540ce2

fix

c09a774

docs/Nextjs/intro-nextjs.md: fix typo

57e6f6e

fixes

b396d6c

table of contents

3714f3b

issue#700 fix

37a4acd

trying to fix embed

0352ebe

fix 2 format change

20ac4d6

issue#700 final fix

738c617

fix: issue#700

e4d5d81

Copilot AI review requested due to automatic review settings October 3, 2025 14:19

github-actions bot added hacktoberfest-accepted level 1 10 points recode this is label for leaderboard labels Oct 3, 2025

Copilot AI reviewed Oct 3, 2025

View reviewed changes

Condition00 mentioned this pull request Oct 3, 2025

📝[Docs]: Improve the Nextjs Documentation #700

Open

4 tasks

iitzIrFan requested review from sanjay-kv and iitzIrFan October 3, 2025 18:31

iitzIrFan assigned Condition00 Oct 3, 2025

iitzIrFan added this to @recode-web Oct 3, 2025

iitzIrFan moved this to In Progress in @recode-web Oct 3, 2025

sanjay-kv approved these changes Oct 3, 2025

View reviewed changes

vercel bot had a problem deploying to Preview October 3, 2025 23:47 Failure

sanjay-kv added the under review Review under the maintainers or the admins label Oct 3, 2025

iitzIrFan requested changes Oct 4, 2025

View reviewed changes

Condition00 added 2 commits October 4, 2025 10:58

logo error fixed.

b5bb953

Merge branch 'recodehive:main' into issue#700

d733777

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Added Next.js documentation (Issue#700) #732

Added Next.js documentation (Issue#700) #732

Condition00 commented Oct 3, 2025

Uh oh!

vercel bot commented Oct 3, 2025

Uh oh!

github-actions bot commented Oct 3, 2025

Uh oh!

github-actions bot commented Oct 3, 2025

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Oct 3, 2025

Uh oh!

Copilot AI Oct 3, 2025

Uh oh!

vercel bot commented Oct 3, 2025 •

edited

Loading

Uh oh!

sanjay-kv commented Oct 3, 2025

Uh oh!

iitzIrFan left a comment

Uh oh!

Condition00 commented Oct 4, 2025

Uh oh!

Condition00 commented Oct 4, 2025 •

edited

Loading

Uh oh!

Uh oh!


		### Video Tutorial

		[![Next.js 14 Full Course - Build and Deploy a Full Stack App](https://img.youtube.com/vi/wm5gMKuwSYk/0.jpg)](https://www.youtube.com/watch?v=wm5gMKuwSYk)

Added Next.js documentation (Issue#700) #732

Are you sure you want to change the base?

Added Next.js documentation (Issue#700) #732

Conversation

Condition00 commented Oct 3, 2025

Description

Type of Change

Changes Made

Dependencies

Checklist

Uh oh!

vercel bot commented Oct 3, 2025

Uh oh!

github-actions bot commented Oct 3, 2025

Synced data from Linked Issues

Uh oh!

github-actions bot commented Oct 3, 2025

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Uh oh!

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

Uh oh!

vercel bot commented Oct 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

sanjay-kv commented Oct 3, 2025

Uh oh!

iitzIrFan left a comment

Choose a reason for hiding this comment

Uh oh!

Condition00 commented Oct 4, 2025

Uh oh!

Condition00 commented Oct 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

vercel bot commented Oct 3, 2025 •

edited

Loading

Condition00 commented Oct 4, 2025 •

edited

Loading