Next.js एक जादुई रसोई की तरह है जो आपको शानदार वेबसाइट बनाने में मदद करता है। लेकिन कभी-कभी, आप अपनी स्वयं की गुप्त सामग्री जोड़ना चाहेंगे या रसोई के काम करने के तरीके को बदलना चाहेंगे। आज, हम यह सीखने जा रहे हैं कि यह कैसे करना है! हम आपके Next.js किचन को अनुकूलित करने के तीन तरीके तलाशेंगे:

अपनी खुद की रेसिपी बुक बनाना (कस्टम वेबपैक कॉन्फ़िगरेशन)
विशेष खाना पकाने की तकनीक का उपयोग करना (उन्नत बेबेल कॉन्फ़िगरेशन)
शुरुआत से अपनी खुद की रसोई बनाना (कस्टम नेक्स्ट.जेएस सर्वर)

1. अपनी खुद की रेसिपी बुक बनाना (कस्टम वेबपैक कॉन्फ़िगरेशन) कल्पना कीजिए कि आपके पास एक रेसिपी बुक (वेबपैक) है जो आपको बताती है कि केक कैसे पकाना है (अपनी वेबसाइट कैसे बनाएं)। कभी-कभी, आप रेसिपी में अपना खुद का ट्विस्ट जोड़ना चाह सकते हैं। Next.js में, आप Next.config.js नामक एक विशेष फ़ाइल बनाकर ऐसा कर सकते हैं।

उदाहरण:
मान लीजिए कि आप अपने केक में स्प्रिंकल्स जोड़ना चाहते हैं, लेकिन रेसिपी में वे शामिल नहीं हैं। आप अपनी रेसिपी बुक में हमेशा स्प्रिंकल्स डालने के लिए एक नोट लिख सकते हैं। Next.js में, यह इस तरह दिख सकता है:

// next.config.js
module.exports = {
  webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
    // Add your special ingredient (plugin) here
    config.plugins.push(new SprinklesPlugin())
    return config
  },
}

1. विशेष खाना पकाने की तकनीक (उन्नत बेबल कॉन्फ़िगरेशन) का उपयोग करना

कभी-कभी, आप अपने केक को और भी बेहतर बनाने के लिए विशेष खाना पकाने की तकनीकों का उपयोग करना चाह सकते हैं। नेक्स्ट.जेएस की दुनिया में, हम ऐसा करने के लिए बैबेल नामक किसी चीज़ का उपयोग करते हैं। बेबेल एक जादुई ओवन की तरह है जो आपके अवयवों को विशेष तरीकों से बदल सकता है।

कल्पना करें कि आपके पास एक सुपर ओवन (बेबेल) है जो आपके नियमित केक को इंद्रधनुष केक में बदल सकता है। आप विशेष निर्देश लिखकर अपने ओवन को ऐसा करने के लिए कह सकते हैं। Next.js में, आप इसे .babelrc:
नामक फ़ाइल में कर सकते हैं

{
  "presets": ["next/babel"],
  "plugins": [
    ["styled-components", { "ssr": true }],
    ["transform-rainbow-cake", { "layers": 7 }]
  ]
}

अब, जब आप अपना केक बेक करेंगे, तो ओवन स्वचालित रूप से इसे 7 परतों वाले एक सुंदर इंद्रधनुष केक में बदल देगा!

1. स्क्रैच से अपनी खुद की रसोई बनाना (कस्टम नेक्स्ट.जेएस सर्वर) कभी-कभी, आप अपनी रसोई पर पूरा नियंत्रण रखना चाहेंगे। नेक्स्ट.जेएस में, इसका मतलब है कि बिल्ट-इन आने वाले सर्वर का उपयोग करने के बजाय अपना खुद का सर्वर बनाना।

उदाहरण:
कल्पना कीजिए कि आप अपना खुद का सुपर किचन बनाना चाहते हैं जो केक बना सके और आइसक्रीम भी परोस सके। आप अपना स्वयं का विशेष कक्ष (सर्वर फ़ाइल) बनाकर ऐसा कर सकते हैं जहाँ आप सब कुछ ठीक वैसे ही सेट करते हैं जैसे आप चाहते हैं।
यहां बताया गया है कि आप एक्सप्रेस का उपयोग करके अपनी खुद की रसोई कैसे बना सकते हैं:

const express = require('express')
const next = require('next')

const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()

app.prepare().then(() => {
  const server = express()

  // Your special ice cream machine
  server.get('/ice-cream', (req, res) => {
    res.json({ flavor: 'vanilla', toppings: ['sprinkles', 'chocolate sauce'] })
  })

  // Let Next.js handle everything else
  server.all('*', (req, res) => {
    return handle(req, res)
  })

  server.listen(3000, (err) => {
    if (err) throw err
    console.log('> Ready on http://localhost:3000')
  })
})

अब आपके पास एक सुपर किचन है जो Next.js केक बना सकता है और आइसक्रीम भी परोस सकता है!
याद रखें, अपने नेक्स्ट.जेएस किचन को कस्टमाइज़ करना वास्तव में मज़ेदार हो सकता है, लेकिन इसे वैसे ही उपयोग करना भी ठीक है जैसे यह आता है। अंतर्निहित सुविधाएँ पहले से ही बहुत अद्भुत हैं! अपने स्वयं के ट्विस्ट केवल तभी जोड़ें जब आपको वास्तव में उनकी आवश्यकता हो।
Next.js के साथ खाना पकाने का आनंद!