https://github.com/bonnie/howd-nextjs-data-fetching

Code for the Hands-on Web Dev newsletter project to fetch from a Next.js endpoint
https://github.com/bonnie/howd-nextjs-data-fetching

Last synced: about 1 month ago
JSON representation

Code for the Hands-on Web Dev newsletter project to fetch from a Next.js endpoint

• Host: GitHub
• URL: https://github.com/bonnie/howd-nextjs-data-fetching
• Owner: bonnie
• License: agpl-3.0
• Created: 2024-06-14T00:50:57.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-24T22:55:55.000Z (over 1 year ago)
• Last Synced: 2025-05-22T22:40:48.036Z (5 months ago)
• Language: TypeScript
• Size: 619 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Hands-on Web Dev Next.js Data Fetching

This code supports the "Next.js Data Fetching" series from the [Hands-on Web Dev newsletter](https://newsletter.howd.dev).

To try the first workshop in this series, [start here](https://newsletter.howd.dev/challenges/023/)!

## Related series

This series builds on the [React Components](https://newsletter.howd.dev/challenges/017/) 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](https://newsletter.howd.dev/challenges/029/), where you will use the [OpenAI Node SDK](https://github.com/openai/openai-node) to generate styles for the quote fetched in this series.

## Getting started

1. [Clone](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository) or [fork](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/fork-a-repo) 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:

![mostly empty page with a pale green background and a footer leading to https://newsletter.howd.dev](./readme-images/scaffolding-home.png)

## This project uses...

- [Next.js](https://nextjs.org/)

- [TypeScript](https://www.typescriptlang.org/)

- [CSS modules](https://github.com/css-modules/css-modules)

- Josh W. Comeau's [delightful file structure](https://www.joshwcomeau.com/react/file-structure/)