{"id":23213177,"url":"https://github.com/srijan-d/news-app-master","last_synced_at":"2025-10-26T00:31:10.910Z","repository":{"id":155403272,"uuid":"631220747","full_name":"Srijan-D/News-app-master","owner":"Srijan-D","description":"News web app with live data built with Next13.3,TypeScript, Tailwind. Dark/Light mode using next-themes. GraphQL for batching multiple api calls. StepZen for generating TypeScript definitions automatically. Live data pulled via Mediastash Api. Revalidation and prebuilding pages with generateStaticParams reducing wait time.","archived":false,"fork":false,"pushed_at":"2023-05-11T17:00:45.000Z","size":384,"stargazers_count":6,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-18T19:15:16.329Z","etag":null,"topics":["cache","gql","graphql","mediastack","next-theme","next13","nextjs","react","seo","stepzen","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://srijan-live-news-app.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Srijan-D.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-22T10:22:59.000Z","updated_at":"2024-07-24T18:48:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"daa4e91e-ea01-407e-9c94-b0294757ce81","html_url":"https://github.com/Srijan-D/News-app-master","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Srijan-D%2FNews-app-master","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Srijan-D%2FNews-app-master/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Srijan-D%2FNews-app-master/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Srijan-D%2FNews-app-master/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Srijan-D","download_url":"https://codeload.github.com/Srijan-D/News-app-master/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238229942,"owners_count":19437724,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cache","gql","graphql","mediastack","next-theme","next13","nextjs","react","seo","stepzen","tailwindcss","typescript"],"created_at":"2024-12-18T19:15:15.852Z","updated_at":"2025-10-26T00:31:05.575Z","avatar_url":"https://github.com/Srijan-D.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Currecntly: fixing few bugs in production related to caching and read the more ts file \u003cbr\u003e \npreview of the app can be found below\n![image](https://user-images.githubusercontent.com/87586713/234116248-eb3b070d-20e8-4f02-bddc-6c395b68b338.png)\n![image](https://user-images.githubusercontent.com/87586713/234116401-3a704320-11a1-4aef-98a0-1b76b007198a.png)\n![image](https://user-images.githubusercontent.com/87586713/234117078-13ce184f-9783-49dc-a7d2-4cacea8eb0a4.png)\n\n\u003ch1\u003eNews Web Application with Live Data\u003c/h1\u003e\n\u003cp\u003eThis is a web application built with \u003cstrong\u003eNext13.3\u003c/strong\u003e, \u003cstrong\u003eTypeScript\u003c/strong\u003e, and \u003cstrong\u003eGraphQL\u003c/strong\u003e, utilizing \u003cstrong\u003eStepZen\u003c/strong\u003e for generating TypeScript definitions automatically. Live data is pulled via the \u003cstrong\u003eMediastash API\u003c/strong\u003e 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 \u003cstrong\u003enext-themes\u003c/strong\u003e and \u003cstrong\u003etailwindcss\u003c/strong\u003e.\u003c/p\u003e\n\u003ch2\u003eTechnologies Used\u003c/h2\u003e\n\u003cul\u003e\n  \u003cli\u003eNext13.3\u003c/li\u003e\n  \u003cli\u003eTypeScript\u003c/li\u003e\n  \u003cli\u003eGraphQL\u003c/li\u003e\n  \u003cli\u003eStepZen\u003c/li\u003e\n  \u003cli\u003eMediastash API\u003c/li\u003e\n  \u003cli\u003eNext-Themes\u003c/li\u003e\n  \u003cli\u003eTailwindCSS\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2\u003eFeatures\u003c/h2\u003e\n\u003cul\u003e\n  \u003cli\u003eLive data from the Mediastash API with revalidation\u003c/li\u003e\n  \u003cli\u003eGraphQL for efficient batching of multiple API calls\u003c/li\u003e\n  \u003cli\u003eAutomatic TypeScript definition generation with StepZen\u003c/li\u003e\n  \u003cli\u003ePrebuilt pages to reduce wait time\u003c/li\u003e\n  \u003cli\u003eStreaming SSR for incremental rendering parts of UI to the client.\u003c/li\u003e\n  \u003cli\u003eCustom svg loader using React Suspense under the hood.\u003c/li\u003e\n  \u003cli\u003eDark/light mode feature with next-themes and tailwindcss\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2\u003eInstallation and Usage\u003c/h2\u003e\n\u003col\u003e\n  \u003cli\u003eClone the repository: \u003ccode\u003egit clone https://github.com/your-username/news-web-app.git\u003c/code\u003e\u003c/li\u003e\n  \u003cli\u003eInstall dependencies: \u003ccode\u003enpm install\u003c/code\u003e or \u003ccode\u003eyarn\u003c/code\u003e or \u003ccode\u003epnpm install\u003c/code\u003e\u003c/li\u003e\n  \u003cli\u003eStart the development server: \u003ccode\u003enpm run dev\u003c/code\u003e or \u003ccode\u003eyarn run dev\u003c/code\u003e or \u003ccode\u003epnpm run dev\u003c/code\u003e\u003c/li\u003e\n  \u003cli\u003eOpen \u003ca href=\"http://localhost:3000\"\u003ehttp://localhost:3000\u003c/a\u003e in your browser to view the app.\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch2\u003eContributing\u003c/h2\u003e\n\u003cp\u003eContributions are welcome! Please feel free to open issues or pull requests.\u003c/p\u003e\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsrijan-d%2Fnews-app-master","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsrijan-d%2Fnews-app-master","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsrijan-d%2Fnews-app-master/lists"}