Currecntly: fixing few bugs in production related to caching and read the more ts file
preview of the app can be found below
This is a web application built with Next13.3, TypeScript, and GraphQL, utilizing StepZen for generating TypeScript definitions automatically. Live data is pulled via the Mediastash API with revalidation of stale data every 20 seconds using next revalidate, prebuilt pages along with instant caching to reduce wait time and pulling dynamic data at each request. The application also includes a dark/light mode feature using next-themes and tailwindcss.
- Next13.3
- TypeScript
- GraphQL
- StepZen
- Mediastash API
- Next-Themes
- TailwindCSS
- Live data from the Mediastash API with revalidation
- GraphQL for efficient batching of multiple API calls
- Automatic TypeScript definition generation with StepZen
- Prebuilt pages to reduce wait time
- Streaming SSR for incremental rendering parts of UI to the client.
- Custom svg loader using React Suspense under the hood.
- Dark/light mode feature with next-themes and tailwindcss
- Clone the repository:
git clone https://github.com/your-username/news-web-app.git
- Install dependencies:
npm install
oryarn
orpnpm install
- Start the development server:
npm run dev
oryarn run dev
orpnpm run dev
- Open http://localhost:3000 in your browser to view the app.
Contributions are welcome! Please feel free to open issues or pull requests.