Final Headless CMS-Powered App

Requirements:

Modify the code for the final full-stack application to provide three different URLs one can be index.js that display a list of linked titles from all WordPress posts for each custom post type. Each title entry on the list should be linked to a dynamically-routed page with a detailed view that displays at least three custom fields contents. You will need to modify SQL queries in your WordPress sites functions.php file. Ensure that the HTML markup in the post content is properly presented by using Reacts dangerouslySetInnerHTML attribute. Utilize Next.js Incremental Static Regeneration ISR to keep the display of all content from the WordPress CMS up-to-date. The assigned reading this week includes a complete tutorial that explore the use of Next.js ISR functionality. You will use the WordPress-powered site and Next.js application code from the previous assignment. You may use a SFTP client like CyberDuck in order to transmit your custom PHP code to codebase of your WordPress site hosted on the Pantheon.io server, or you may use the built-in Theme Editor from your WordPress site dashboard. Your assignment must include three custom SQL queries that use WHERE clauses to limit results to one of each of the three custom post types, omitting -post and page- type posts. Your final Next.js app should include a responsive, mobile-ready, user interface. You may use Chakra or Bootstrap component frameworks to achieve your final user interface, or custom styling.