Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Space Tourism Website using NextJS 13(App Router)

Kenny Ng 400

@kennylun123

Desktop design screenshot for the Space tourism multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi everyone, this is my solution of Responsive Space-Tourism-Website using NextJS(App Router). I managed to complete this challenge in one week. I really enjoy the way to handle routes with NextJS (App Router) by just creating a new directory and page.js. Considered a better user experience. I would like to add fade-in animation to components rendering.

Any comment would be appreciated. Thanks for your help!! :D

Community feedback

Kenny Ng 400

@kennylun123

Posted

Hi everyone, I've added page transition effects to have a smoother experience. By using a React animation library called framer-motion. I hope you enjoy it!

*If you are using NextJS 13 like mine, please note that this library is compatible on client component only.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord