In this challenge we want to style the Link
component from Next.js. This simple app has 3 pages that we can navigate between with the navbar in _app.js
.
Switch to the ./pages/_app.js
file and make something great happen!
- Style the
Link
so that there is no underline. Hint: Check the handout for an example of how to do this. Additional hint: we can set the following tonone
. - Style the
Link
so that theLink
gets underlined on hover.
- You only have to touch the
./pages/index.js
file.
To work locally, please install the dependencies using npm i
first.
Run npm run dev
to start a development server and open the displayed URL in a browser.
Use npm run test
to run the tests.
Select the "Preview: 3000" tab to view this project.
Select the "Tests: logs" tab to view the tests.
The
npm run dev
andnpm run test
scripts run automatically.
You can use the following commands:
npm run dev
to start a development servernpm run build
to build the projectnpm run start
to start a production servernpm run test
to run the testsnpm run lint
to run the linter