https://github.com/noobmaster432/the-illuminate

A Real-Time News Application built with Next.js 13 and Tailwind CSS featuring dynamic and static data handling, dark mode, searching capabilities, use of Server components, new App folder structure, dynamic page routing, pulling data from MediaStack News API, using Stepzen to launch a GraphQL interface and using TypeScript for fewer bugs and errors
https://github.com/noobmaster432/the-illuminate

app-folder-structure dark-mode dynamic-page-routing graphql mediastack nextjs13 stepzen tailwindcss typescript

Last synced: about 1 month ago
JSON representation

A Real-Time News Application built with Next.js 13 and Tailwind CSS featuring dynamic and static data handling, dark mode, searching capabilities, use of Server components, new App folder structure, dynamic page routing, pulling data from MediaStack News API, using Stepzen to launch a GraphQL interface and using TypeScript for fewer bugs and errors

• Host: GitHub
• URL: https://github.com/noobmaster432/the-illuminate
• Owner: noobmaster432
• Created: 2023-01-02T09:05:34.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-02-04T10:38:16.000Z (over 3 years ago)
• Last Synced: 2025-01-11T12:46:21.733Z (over 1 year ago)
• Topics: app-folder-structure, dark-mode, dynamic-page-routing, graphql, mediastack, nextjs13, stepzen, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://the-illuminate.vercel.app
• Size: 61.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# The Illuminate

A Real Time News App built with Next.js 13 demonstrating various features and capabilities including handling dynamic and static data, building a fully responsive website with Tailwind CSS, adding dark mode, searching the News API, using Server components in Next.js 13, utilizing the new App folder structure in Next.js 13, dynamic page routing, pulling data from the MediaStack News API in an efficient and optimized manner, using Stepzen to launch a GraphQL interface, and using TypeScript to reduce the overall number of bugs and errors.

### [Demo](https://the-illuminate.vercel.app/)

## Tech Stack

- Next JS

- Tailwind CSS

- Typescript

- GraphQL

- StepZen

- MediaStack News Api

## Screenshots

![the-illuminate light page](https://user-images.githubusercontent.com/103204431/216762337-d63a7778-d011-46b4-88d5-cea0e1f99ce9.png)

![the-illuminate dark page](https://user-images.githubusercontent.com/103204431/216762328-c97b4263-2758-48df-95f1-b31b53e74108.png)

![the-illuminate dark brief page](https://user-images.githubusercontent.com/103204431/216762341-b642e5ce-dd8b-4043-b1e0-6ae32ea5137b.png)