Hands-on Web Dev Next.js Data Fetching

This code supports the "Next.js Data Fetching" series from the Hands-on Web Dev newsletter.

To try the first workshop in this series, start here!

Related series

This series builds on the React Components series. If you haven't looked at that series, you might want to start there instead.

The work from this series will be used in the following series: AI Style Generator, where you will use the OpenAI Node SDK to generate styles for the quote fetched in this series.

Getting started

1. Clone or fork this project.
2. Run npm install to install the dependencies
3. Run npm run dev to start the dev server
4. Navigate to localhost:3000 from a web browser

You should see a page that looks like this:

This project uses...

• Next.js
• TypeScript
• CSS modules
• Josh W. Comeau's delightful file structure