Next.js 14 Tutorial - 30 - Conditional Routes

📱 Follow Codevolution

Conditional Routes

[dhavalvanjara]

To complete the given task, added the default.tsx in @login slot folder

[justtil]

In the default.tsx you can use the following:
import LoginPage from "./page";

export default LoginPage;

this will import the LoginPage Export default from your page.tsx, which means that the default.tsx will always be up/to date with the page.tsx. There are scenarios where this may be helpful.

[faizanahmed]

Completed task: by adding default.tsx file in login slot.

[miguelwayas]

Hi all

If you have the blank page issue even if you restarted dev server just delete “.next” folder then re run dev server again and that’s all 👌🏼

[sohamdebnathpopo]

make sure to restart the dev server if page.tsx from @login is not working conditionally.

[sharpesthawk]

I needed to restart the server with 'yarn dev' to see the 'login' component get rendered. Why?

[shaheryarasif]

what if we have a logic in any slot and we have parallel routes, do we need to add the same logic in default.tsx as well? for each unmatched routes?

[skanwar]

task Completed Sir and Noted in Notes, Thank you soo much . Waiting for Upcoming Class.

[firewatermoonsun]

It looks like there will be 2 login pages - one in @login slot and in (auth) section.

[disxixo]

done adding the default.tsx in @login slot

[Userkki]

로그인 Card가 나타나지 않는 경우
1. 서버 종료 후 npm run dev
2. @login 슬롯 폴더에 default.tsx 추가

[muhammadfadll]

the condition is working, but why is nothing displayed even login.tsx?

[OldYgg]

I had to add <> {login}</> - for it to work properly - but maybe that would have worked with the default.tsx, too. I don't know.

[fncjgkj]

i did add on the login folder a default.tsx

[genztechman]

i use default.tsx in @login slot but it didnt work, i dont know why i also restarted the dev server but default.tsx is not being displayed

[romanyfayiez]

added a default.tsx page in the @login folder

[parthpatel]

3:37 create default.tsx file in archive route then remove that error

[stylinali]

If Login page is not working on condition, make sure to restart the server.

[xktswqw]

Make the file default.js or default.tsx in @login folder to handle the 404 error

[Gabriel-klbt]

Isn't there a better way to have a page.tsx and a default.tsx without duplicating the whole code?