Adding Curated Search Pages to egghead.io

[joelhooks]

Curated search pages are added as Storybook pages initially. It's a lot easier to get started with than the full project and these pages rely on purely static data structures.

Once you fork and clone this repository:

yarn
yarn storybook

This will load the dependencies and start storybook which opens a browser and you'll be able to navigate to search/curated/TAG in the left hand menu.

Now you can edit these pages freely and they will live update in the browser.

The react, javascript, and graphql pages have examples.

My suggestion is to start with the basic three "beginner, intermediate, advanced" for the first PR, but if you want to be ambitious that's fine too.

My estimate would be about 1 hour to get oriented and create a basic page. A full featured page such as React can take several hours.

Here's a video example of creating a template for a topic.

Some other info:

Tailwind Dark Mode and webpack don't get along. In the tailwind.config.js there is a property set purge: true which will sometimes purging tailwind classes you expect to be there. The solution is to restart tailwind. https://egghead.io/learn/next/tailwindcss-dark-mode-nextjs-typography-prose

To get the data for courses/playlists you can visit their respective pages with log level set to "verbose" in the chrome console. I recorded a quick walkthrough of clipping resource data.

This is also very useful if you want to update/curate an existing page!

If you want to have a go, just let us know which topic you are gonna do!

[joelhooks]

Took this a setp further which I think makes it a lot easier to add these pages: #356