Create a different page with next.js.
Push user with useRouter to newly created page after clicking the search/submit button.
Display all the movies on this page.
Create a Movie and a BackButton component for the page.
The Movie component should display all movies and the BackButton component uses useRouter to push the user back to the homepage.
Add styling with Styled Components.
Add comment for future design plans.
Adapt the component test with a mocked Router.
Create a different page with
next.js
. Push user withuseRouter
to newly created page after clicking the search/submit button. Display all the movies on this page. Create aMovie
and aBackButton
component for the page. The Movie component should display all movies and the BackButton component usesuseRouter
to push the user back to the homepage. Add styling withStyled Components
. Add comment for future design plans. Adapt the component test with a mocked Router.