Принсипи асосии коркарди фреймворки NextJS

Дар дарсҳои гузашта мо фреймворки NextJS-ро насб кардем ва бо сохтори асосии он шинос шудем. Вақти он расид, ки ба кори асосӣ пардохтем.

Қисми асосии NextJS рутинг мебошад. Рутинг чунин кор мекунад: вақте ки корбар дар сатри нишонӣи браузер як URL-ро дохил мекунад, фреймворки NextJS ба браузер файли муайянеро мефиристад, ки ба ин URL мувофиқат мекунад.

Рутинг дар NextJS ба таризи махсус сохта шудааст. Махз он иборат аст, ки ба ҳар як URL4и дархостшуда як ҷузвдоне (folder) дар дохили src/app мувофиқат мекунад.

Дар ин ҳол, дар дохили ҷузвдон бояд файле бо номи page.jsx бошад. Ҳамин файл ба браузер фиристода мешавад. Ва дар ин файл мо кодро ба JSX менависем, ва ба браузер коди HTML4и тайёри саҳифа фиристода мешавад.

Биёед бар рӯйи мисол назар кунем. Фарз кунем, ки мо мехоҳем, ки ба URL4и /test/ матни муайян фиристода шавад.

Ҷузвдони мувофиқро эҷод мекунем: src/app/test. Дар дохили ин ҷузвдон файли page.jsx-ро месозем бо мундариҷаи зерин:

export default function Test() {
	return <h1>hello, user!</h1>;
}

Дар браузери худ URL4и моро кушоед: /test. Ва шумо матнеро хоҳед дид, ки мо дар дохили файли JSX навиштаем.

Санҷед, ки матнро иваз кунед ва файлро захира кунед. Пас аз ин матн ба таври худкор дар браузер низ иваз мешавад. NextJS дар ҳолати таҳиягарӣ чунин кор мекунад.

Чунон кунед, ки бо муроҷиат ба нишонӣ /about дар браузер паёме бо ному насаби шумо барои корбар чоп шавад.