அறிமுகம் Next.js: நன்மைகள், அம்சங்கள் மற்றும் தொடங்குதல்

வேகமாக வளர்ந்து வரும் இணைய வளர்ச்சி உலகில், வலை பயன்பாடுகளை உருவாக்குவது பல துறைகளின் ஒருங்கிணைந்த பகுதியாக மாறியுள்ளது. ஒவ்வொரு நாளும், புதிய தொழில்நுட்பங்கள் வெளிவருகின்றன, நேரத்தை மிச்சப்படுத்தும் மற்றும் செயல்திறனை மேம்படுத்தும் சக்திவாய்ந்த கருவிகள் மற்றும் கட்டமைப்புகளை நமக்கு வழங்குகிறது. Next.js இந்தக் கட்டுரையில், மேம்பாட்டுச் சமூகத்தின் கவனத்தைப் பெற்று வரும் தொழில்நுட்பத்தை ஆராய்வதற்கு நேரம் ஒதுக்குவோம் .

என்ன Next.js ?

Next.js, வெர்செல் உருவாக்கியது, குறிப்பிடத்தக்க மற்றும் திறன்களின் framework கலவையாகும். சேவையகத்தில் வழங்கக்கூடிய பயன்பாடுகளை உருவாக்கவும், செயல்திறனை மேம்படுத்தவும் மற்றும் எஸ்சிஓ மேம்படுத்தவும் இது உங்களை அனுமதிக்கிறது. நீங்கள் அம்சங்களைப் பயன்படுத்திக் கொள்ளலாம், ஆனால் SSR இன் மேம்படுத்தல் பலன்களுடன், உங்கள் வலைத்தளத்தை வேகமாக ஏற்றி, தேடுபொறிகளில் உள்ளடக்கத்தை சிறப்பாகக் காண்பிக்கும். React server-side rendering(SSR) Next.js React React

நீங்கள் ஏன் பயன்படுத்த வேண்டும் Next.js ?

1. மேம்படுத்தப்பட்ட செயல்திறன்: சர்வர் பக்க ரெண்டரிங் மூலம், உங்கள் இணையதளம் வேகமாக ஏற்றப்படும், சிறந்த பயனர் அனுபவத்தை வழங்குகிறது மற்றும் தேடுபொறிகளில் உள்ளடக்கத்தை சிறப்பாகக் காண்பிப்பதன் மூலம் எஸ்சிஓவை மேம்படுத்துகிறது.

2. இயற்கை Routing: Next.js ஒரு மென்மையான routing அமைப்பை வழங்குகிறது, இது பாதைகள் மற்றும் பக்கங்களை நிர்வகிப்பதை எளிதாக்குகிறது.

3. எஸ்சிஓ ஆப்டிமைசேஷன்: இணையதளம் சர்வரில் முன்பே ரெண்டர் செய்யப்பட்டிருப்பதால், கூகுள் போன்ற தேடுபொறிகள் உங்கள் உள்ளடக்கத்தை நன்கு புரிந்துகொண்டு, எஸ்சிஓ தரவரிசையை மேம்படுத்துகிறது.

4. சிரமமின்றி தரவு பெறுதல்: Next.js பல்வேறு மூலங்களிலிருந்து தரவைப் பெறுவதற்கான முறைகளை வழங்குகிறது, நிலையானது முதல் மாறும் வரை, ஒரு காற்று.

5. மென்மையான மேம்பாடு: ஒருங்கிணைப்பு React மற்றும் SSR மூலம், வளர்ச்சி செயல்முறை எளிதாகவும் திறமையாகவும் மாறும்.

மேம்பாட்டு சூழலை அமைத்தல்

ஆராய்வதற்கு முன் Next.js, உங்கள் வளர்ச்சி சூழல் சரியாக அமைக்கப்பட்டிருப்பதை உறுதி செய்வது அவசியம். நாங்கள் மிகவும் அடிப்படையான படிகளுடன் தொடங்குவோம், இதன் மூலம் அற்புதமான வலை பயன்பாடுகளை உருவாக்க உங்கள் பயணத்தைத் தொடங்கலாம்.

படி 1: நிறுவுதல் Node.js மற்றும் npm(அல்லது நூல்)

முதலில், நாம் npm(நோட் தொகுப்பு மேலாளர்) அல்லது சார்புகளை நிர்வகிக்க Node.js- இயக்க நேர சூழலை நிறுவ வேண்டும். அதிகாரப்பூர்வ வலைத்தளத்திலிருந்து பதிவிறக்கம் செய்து நிறுவலாம். நிறுவிய பின், கட்டளை வரி சாளரத்தில் பின்வரும் கட்டளைகளை இயக்குவதன் மூலம் நீங்கள் பதிப்புகள் மற்றும் npm ஐ சரிபார்க்கலாம்: JavaScript Yarn Node.js Node.js Node.js

node -v  
npm -v  

படி 2: ஒரு எளிய Next.js திட்டத்தை உருவாக்கவும்

Next.js இப்போது, ​​தொடங்குவதற்கு ஒரு எளிய திட்டத்தை உருவாக்குவோம். Next.js நீங்கள் விரைவாக கிக்ஸ்டார்ட் செய்ய உதவும் திட்ட உருவாக்க கட்டளையை வழங்குகிறது. கட்டளை வரி சாளரத்தைத் திறந்து பின்வரும் கட்டளையை இயக்கவும்:

npx create-next-app my-nextjs-app

my-nextjs-app உங்கள் திட்டத்தின் பெயர் எங்கே. மேலே உள்ள கட்டளையானது திட்டத்தைக் கொண்ட புதிய கோப்பகத்தை உருவாக்கி Next.js தேவையான சார்புகளை நிறுவும்.

படி 3: Next.js பயன்பாட்டை இயக்கவும்

Next.js திட்டம் வெற்றிகரமாக உருவாக்கப்பட்ட பிறகு, நீங்கள் திட்டக் கோப்பகத்திற்குச் சென்று பயன்பாட்டைத் தொடங்கலாம்

கட்டளையை இயக்குவதன் மூலம்:

cd my-nextjs-app  
npm run dev  

உங்கள் பயன்பாடு இயல்புநிலை போர்ட் 3000 இல் இயங்கும். நீங்கள் ஒரு இணைய உலாவியைத் திறந்து, http://localhost:3000 இயங்கும் பயன்பாட்டைப் பார்க்க முகவரியை அணுகலாம்.

 

Next.js உங்கள் கற்றல் பயணத்தைத் தொடருங்கள் மற்றும் இந்த அற்புதமான கட்டுரைத் தொடரின் மூலம் ஆராயுங்கள். வரவிருக்கும் கட்டுரைகளில், பல்வேறு அம்சங்களை ஆராய்ந்து Next.js அழகான டைனமிக் வலை பயன்பாடுகளை உருவாக்குவோம்!