NextJS'те роуттарды топтоо
Кээде ыңгайлуулук үчүн бир нече роутту бир папкага топтоштурууну талап кылабыз, ал эми топтоштуруучу папка URL'де өзүнчө сегмент түзбөшү керек.
Бул үчүн топтоштуруучу папканын атын тегерек кашаага алуу керек. Келгиле, мисал аркылуу карап көрөлү.
/reg URL аркылуу биз катталууну,
ал эми /log URL аркылуу авторлоштурууну
жасагыбыз келет.
Бул URL'дерге туура келген папкаларды
(auth) деген ат менен бир жалпы папкага бириктирели.
Ошентип, биз төмөнкү файлдык структураны алабыз:
- /app/
- /(auth)/
- /reg/
- page.jsx
- /log/
- page.jsx
- /reg/
- /(auth)/
Катталуу баракчасы үчүн файлды жасайлы:
export default function Reg() {
return <h1>register</h1>;
}
Авторлоштуруу баракчасы үчүн файлды жасайлы:
export default function Log() {
return <h1>login</h1>;
}
Сабакта сүрөттөлгөн аракеттерди аткарыңыз. Баары күтүлгөндөй иштегенине көзүңүз менен ишениңиз.