Next.js என்பது சேவையக பக்க ஒழுங்கமைப்பிற்கான எதிர்வினை கட்டமைப்பாகும், அதன் படைப்பாளிகள் எதிர்வினை பயன்பாடுகளுக்கான பூஜ்ஜிய உள்ளமைவு ஒற்றை கட்டளை கருவித்தொகுப்பாக வழங்குகிறார்கள்.
இந்த சட்டகம் எதிர்வினை முன்-இறுதி பயன்பாட்டை எளிதில் உருவாக்க உங்களை அனுமதிக்கும் பொதுவான கட்டமைப்பை வழங்குகிறது மற்றும் சேவையக பக்க ஒழுங்கமைப்பை வெளிப்படையாக நிர்வகிக்கிறது. Next.js பதிப்பு 9.3 திங்களன்று புதிய அம்சங்கள் மற்றும் சில மேம்பாடுகளுடன் வெளியிடப்பட்டது, அவற்றில் நிலையான தளங்களை முக்கிய புதுமையாக உருவாக்கும் திறனை நாம் காண முடியும்.
Next.js 9.3 இல் புதியது என்ன?
Next.js 9.0 வெளியீட்டில், கட்டமைப்பானது நிலையான தானியங்கி தேர்வுமுறை என்ற கருத்தை அறிமுகப்படுத்தியது. போது ஒரு பக்கத்திற்கு தடுப்பு தேவைகள் இல்லை getInitialProps போன்ற தரவு மீட்பு, HTML இல் தானாகவே வழங்கப்படும் அது கட்டப்பட்டவுடன்.
தரவு பிரித்தெடுக்கும் தேவைகளைத் தடுத்தாலும் கூட, தொகுக்கும் நேரத்தில் நிலையான HTML இல் ஒரு பக்கத்தை உருவாக்க விரும்பும் பிற நிகழ்வுகளும் உள்ளன. எடுத்துக்காட்டாக, சந்தைப்படுத்தல் பக்கங்களின் நிலை இதுதான் உள்ளடக்க மேலாண்மை அமைப்பு (CMS) ஆல் இயக்கப்படுகிறது.
Next.js 9.3 இரண்டு புதிய தரவு மீட்பு முறைகளை அறிமுகப்படுத்துகிறது: getStaticProps மற்றும் getServerSideProps.
இந்த புதிய முறைகள் getInitialProps மாதிரியை விட பல நன்மைகள் உள்ளனஎஸ்.எஸ்.ஜி (நிலையான பக்க தலைமுறை) மற்றும் எஸ்.எஸ்.ஆர் (சேவையக பக்க ரெண்டரிங்) ஆகியவற்றுக்கு தெளிவான வேறுபாடு இருப்பதால். அவை ஏபிஐ சேர்த்தல்.
அனைத்து புதிய அம்சங்களும் பின்தங்கிய இணக்கத்தன்மை மற்றும் அவை படிப்படியாக ஏற்றுக்கொள்ளப்படலாம். தேய்மானம் இல்லை மற்றும் getInitialProps தொடர்ந்து இயங்குகிறது. டைனமிக் ரூட்டிங் பெற ஒரு getStaticPaths அளவுரு சேர்க்கப்பட்டுள்ளது.
- getStaticProps: கட்டுமானத்தின் போது தரவைப் பெற அனுமதிக்கிறது;
- getStaticPaths - தரவு அடிப்படையிலான டைனமிக் ரூட்டிங் குறிப்பிடவும்;
- getServerSideProps: ஒவ்வொரு கோரிக்கைக்கும் தரவைப் பெற உங்களை அனுமதிக்கிறது.
இந்த புதிய பதிப்பிலிருந்து வெளிப்படும் மற்றொரு மாற்றம் முன்னோட்டம் பயன்முறையின் ஆதரவு ஆகும். GetStaticProps ஐ அறிமுகப்படுத்துகிறது Next.js இல் புதிய சாத்தியங்களைத் திறக்கிறது, சில நிபந்தனைகளின் கீழ் தேவைக்கேற்ப Next.js ரெண்டரிங் திறன்களைப் பயன்படுத்துவது போன்றவை.
உதாரணமாக, வரைவை முன்னோட்டமிடும்போது ஒரு CMS இல், நிலையான ஒழுங்கமைப்பைத் தவிர்க்க வேண்டும் வரைவு உள்ளடக்கத்துடன் தேவைக்கேற்ப பக்கத்தை வழங்கவும் வெளியிடப்பட்ட உள்ளடக்கத்திற்கு பதிலாக. இந்த குறிப்பிட்ட வழக்கில் மட்டுமே நிலையான கட்டமைப்பைத் தவிர்க்க Next.js வேண்டும். Next.js குழுவின் கூற்றுப்படி, முன்னோட்ட முறை இதை செய்ய உங்களை அனுமதிக்கிறது.
பயன்முறை முன்னோட்டம் உருவாக்கப்பட்ட பக்கத்தைத் தவிர்க்க பயனர்களை அனுமதிக்கிறது ஒரு சி.எம்.எஸ்ஸிலிருந்து எடுத்துக்காட்டாக, கோரிக்கை (எஸ்.எஸ்.ஆர்) வரைவு பக்கத்திற்கு திரும்புவதற்கு நிலையான. இருப்பினும், இது சில CMS அமைப்புகளுக்கு மட்டுப்படுத்தப்படவில்லை. மாதிரிக்காட்சி பயன்முறை getStaticProps மற்றும் getServerSideProps உடன் நேரடியாக ஒருங்கிணைக்கிறது, எனவே இது எந்த வகையான தரவு மீட்பு தீர்விலும் பயன்படுத்தப்படலாம்.
Next.js 9.2 உள்ளமைக்கப்பட்ட CSS க்கான ஆதரவைச் சேர்த்தது, ஆனால் Next.js 9.3 சாஸுக்கு ஆதரவைச் சேர்த்தது. உலகளாவிய பாணி தாள்கள் மற்றும் CSS தொகுதிகள் ஆதரிக்கப்படுகின்றன, அத்துடன் உட்பொதிக்கப்பட்ட CSS. Next.js இப்போது சாஸ் கோப்புகளுடன் CSS தொகுதிகளை ஆதரிக்கிறது கோப்பு பெயரிடும் மாநாட்டைப் பயன்படுத்துதல் [பெயர்] .module.scss. அடுத்த சாஸுடன் Next.js 5+ இல் முன்னர் கிடைத்த ஆதரவைப் போலன்றி, உலகளாவிய சாஸ் மற்றும் CSS தொகுதிகள் இப்போது இணைந்து வாழலாம்.
தொகுதிகள் தனித்துவமான வகுப்பு பெயர்களை தானாக உருவாக்குவதன் மூலம் சாஸை உள்நாட்டில் நிர்வகிக்க CSS உங்களை அனுமதிக்கிறது.
பதிப்பு 9.0 உடன் Next.js இலிருந்து, HTML இல் தானாக வழங்கப்படாத ஒரு பக்கம் இருந்தது நிலையான: 404 பக்கம்.
இதற்குப் பின்னால் உள்ள முக்கிய காரணம், 404 க்கு உணவளிக்கும் பிழை பக்கம் 404 ஐ விட அதிகமாக கையாளப்பட்டது. எடுத்துக்காட்டாக, இது பிழைகளையும் கையாண்டது. 404 பக்கங்கள் இல்லாத பாதைகளுக்கு வழங்கப்படுவதால், தேவைக்கேற்ப பக்கத்தை வழங்குவது அதிக செலவுகள் மற்றும் அதிக சுமைக்கு வழிவகுக்கும் சேவையகம். கட்டமைப்பின் பதிப்பு 9.3 விஷயங்களை மேம்படுத்துகிறது மற்றும் தானியங்கி நிலையான தேர்வுமுறை வழங்குகிறது 404 பக்கங்களுக்கு.
இப்போது உங்கள் கோரிக்கையில் பிழை. Js தனிப்பயன் பக்கம், கோப்பு இல்லை Next.js தானாக 404 பக்கத்தை நிலையானதாக உருவாக்குகிறது 404 வழங்கப்படும்போது அதைப் பயன்படுத்துகிறது.இது தானாகவே நிகழ்கிறது மற்றும் மாற்றங்கள் எதுவும் தேவையில்லை.
இந்த பக்கத்தையும் நீங்கள் தனிப்பயனாக்கலாம். இயல்புநிலை 404 பக்கத்தை மாற்ற, நீங்கள் 404.js கோப்பை உருவாக்கலாம்.
நீங்கள் இதைப் பற்றி மேலும் தெரிந்து கொள்ள விரும்பினால், நீங்கள் ஆலோசிக்கலாம் பின்வரும் இணைப்பு.