Next.js என்றால் என்ன மற்றும் React-க்கு அது எவ்வாறு சேர்க்கிறது?

Question

Accepted Answer

**Next.js** என்பது ஒரு முழுத் திறன் React **ஃப்ரேம்வொர்க்** ஆகும். React தன்னுடையது ஒரு UI நூலகம் மாத்திரம் — இது கூறுகளை வழங்குகிறது ஆனால் வழிகாட்டல், தரவு பெறுதல், சேவகன் வழங்குதல் மற்றும் கட்டுமான கருவிகளை உங்களுக்கு விட்டுவிடுகிறது. Next.js இந்த அனைத்தையும் கூட வழங்குகிறது, மேலும் ஒரு சேவகன் இயக்க நேரம். ## React மட்டும் விட்டு செல்கிறது (மற்றும் Next.js சேர்க்கிறது) ```text React (library) → Next.js (framework) adds: ────────────────────────────────────────────────── UI rendering only → File-based routing (folders = routes) Client-side rendering → Server rendering (SSR), static generation (SSG), ISR You wire data fetching → Built-in data fetching + caching No backend → API routes / Route Handlers (full-stack) Manual bundling → Zero-config build, code splitting, optimization Manual → next/image (auto-optimized images), next/font ``` ## ஒரு உண்மையான உதாரணம்: ஒரு வழி என்பது ஒரு கோப்பு மாத்திரம் ```tsx // app/about/page.tsx → automatically served at /about export default function About() { return

About us

; } ``` சாதாரண React-ல் நீங்கள் ஒரு வழிகாட்டலை நிறுவ, வழிகளை உள்ளமைத்து, ஒரு கட்டுமானத்தை அமைக்க வேண்டும். Next.js-ல், கோப்பை உருவாக்குவது வழியே ஆகும். ## ஏன் குழுக்கள் இதைத் தேர்ந்தெடுக்கின்றன - **SEO & செயல்திறன்** — சேவகன் வழங்குதல் HTML என்பது ஆரம்ப பதிலில் உள்ளடக்கம் உள்ளது (ஊர்ந்து செல்பவர்கள் மற்றும் வேகமான முதல் வரைபடத்திற்கு நல்லது), வெற்று பக்கத்தை அனுப்பி பின்னர் நீர்ப்பாச்சல் செய்யும் வாடிக்கையாளர்-மாத்திரம் React SPA-க்கு மாறாக. - **ஒரு திட்டத்தில் முழு-திறன்** — முன்-இறுதி மற்றும் பின்-இறுதி (API வழிகள், சேவகன் செயல்கள்) ஒன்றாக வாழ்கின்றன. - **உற்பத்திக்கு தயாரான முறைமைகள்** — தானியங்கி குறியீடு பிரிப்பு, படம்/எழுத்துரு உகந்தாக்கம், தேக்கம். ## ஏன் இது முக்கியம் Next.js மிகவும் பிரபலமான React ஃப்ரேம்வொர்க் ஆகும், ஏனெனில் இது React-ஐ UI நூலகத்திலிருந்து ஒரு முழு பயன்பாட்டு தளமாக மாற்றுகிறது — வழங்குதல் உத்தி, வழிகாட்டல், தரவு மற்றும் ஒரு பின்-இறுதியை நிர்வகிக்கிறது, இதனால் நீங்கள் பாதங்களுக்கு பதிலாக பண்புகளில் கவனம் செலுத்துகிறீர்கள். Next.js என்பது React-உடன் SEO, செயல்திறன் அல்லது சேவகன்-பக்க தர்க்கம் தேவையாக இருந்தபோது இருக்கும் முறைமையான தேர்வு ஆகும்.