Space Tourism Site Built with Next JS 13
Design comparison
Solution retrospective
Hey! This is my solution to the Space tourism challenge. I wanted to use this project as a chance to test Next JS 13 before I use the framework to create something big. Overall I had a pleasant experience with the app
router, however I found the development experience a bit slower compared to the previous iterations of Next JS.
One other thing that I hope someone can help me solve, some CSS styles/properties disappear after a few route navigations. For example, the margin-block-start
on the main content of the home page will no longer be there after 3-4 page navigations. I couldn't see anyone else having this issue, so if anyone can get me some points that would be awesome!
Some other things I would like feedback on include:
- The style system, I tried to create consistent styling by placing much of the styling information in global variables. I found that maybe I did too much for the font-structuring.
- Accessibility, I've recently been reading about accessibility and implemented a few things I have learned so far.
- Project structure, since this was my first time using the
app
directory, I would like to know what other ways you have organized the project.
Thank you for taking the time to read this (sorry for the long text), happy coding!
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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