Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

docs: Example of fetching data for Next.js app router using the fetch API #74

Draft
wants to merge 20 commits into
base: main
Choose a base branch
from
Draft

docs: Example of fetching data for Next.js app router using the fetch API #74

wants to merge 20 commits into from

Conversation

colinmurphy
Copy link
Contributor

Not anyway complete yet. Creating draft PR currently for wp-env setup approach

@colinmurphy
Initial scaffold of next.js with wp-env setup
a2118f7 
Added scripts for wp-env to setup example fo rnext.js app. Still a bit to sort and added the start of the README.md
@colinmurphy
Delete docs/tutorials/multisite-setup/nextjs-app-router/index.mdx
dbd5106
@colinmurphy
Reverting package.json change.
b36cfac
@colinmurphy
Merge branch 'example-data-fetch-nextjs-app-router-fetch-api' of gith…
1851cd6 
…ub.com:wpengine/hwptoolkit into example-data-fetch-nextjs-app-router-fetch-api
@colinmurphy
Updated dummy database.
53bde2c
@colinmurphy
Updated dummy data. Added uploads folder for featured images
ee1b9f8
@colinmurphy
Updating dummy content.
63d9695 
Added more posts for pagination. Added more CPT events too. Content generated by Claude.
@colinmurphy
Merge branch 'main' into example-data-fetch-nextjs-app-router-fetch-api
ae3c4df
@colinmurphy
Major res-structure of the app
74a6854 
- Restructured based on merged PRs
- Moved any wp-env assets under wp-env to make it cleaner for a developer
- Updated README.md with install
- Removed uploads directory
- Added agents.json for AI LLMs
@colinmurphy colinmurphy changed the title Initial scaffold of next.js with wp-env setup Example: Fetching data for Next.js app router using the fetch API Mar 10, 2025
@colinmurphy
Merge branch 'main' into example-data-fetch-nextjs-app-router-fetch-api
ef2542c
@colinmurphy
Updated template structure
0ec3ae3 
Renamed template structure as per #89

Added boilerplate templates with dummy content to be filled.
Added header/footer
@colinmurphy
Updated build/start process as per feedback from @ahuseyn
e80e1ca
@colinmurphy
Reverting changes.
5947026
@colinmurphy
Fixes for WP ENV
3d532cc 
Fixed issue with having to flush permalinks once the DB was imported.
Fixed issue with CORS for requests from localhost:3000
@colinmurphy
Updated Header/Footer
edbf974
@colinmurphy colinmurphy mentioned this pull request Mar 12, 2025
Open
@colinmurphy
Added blog page
5454887
@colinmurphy
Forgot to commit blog template.
6d56d17
@colinmurphy
Added Blog, Category and Tag Templates
9a1a88e 
Refactord all 3 templates to use the same template components
Added Posts Per Page as a variable in the next config too.
@colinmurphy colinmurphy changed the title Example: Fetching data for Next.js app router using the fetch API docs: Fetching data for Next.js app router using the fetch API Mar 13, 2025
@colinmurphy colinmurphy changed the title docs: Fetching data for Next.js app router using the fetch API docs: Example of fetching data for Next.js app router using the fetch API Mar 13, 2025
@colinmurphy
Copy link
Contributor Author

@josephfusco @theodesp @moonmeister @whoami-pwd @ahuseyn

The current state of this PR is:

Complete

  • WP Env setup (hopefully re-usable for other examples)
  • Homepage
  • Node By URI (Single Page and Post)
  • Blog, Category and Tag Pages (all re-use same templates)
  • Event listings (someway)

What is left to do

  • In general a bit of just testing
  • Event listings should be ordered by custom meta field data and possibly show events descending (real life would be upcoming events but this would eventually be empty)
  • Location taxonomy should be there too
  • Tidying up of the event template
  • The featured image is used 3/4 places. Should be a component
  • Single CPT for Events
  • Blog comment form and mutation
  • Documentation on caching. There is SSG, SSR, ISR
  • Update the README
  • Definitely worth going through wp-env again and making sure commands are all working

Other notes for testing

  1. http://localhost:3000/category/lifestyle is a category with a load more
  2. http://localhost:3000/mental-game-elite-athletes is a post with comments
  3. http://localhost:3000/tag/interior-design is a tag page
  4. http://localhost:3000/category/sport/marathon sub category (for checking title)

Screenshots

Screenshot 2025-03-13 at 21 16 20 Screenshot 2025-03-13 at 21 16 30 Screenshot 2025-03-13 at 21 16 44 Screenshot 2025-03-13 at 21 17 22 Screenshot 2025-03-13 at 21 17 34

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@colinmurphy