{"id":20397462,"url":"https://github.com/ajeetchaulagain/nextjs-playwright-playground","last_synced_at":"2026-05-28T13:06:20.953Z","repository":{"id":232165278,"uuid":"783613534","full_name":"ajeetchaulagain/nextjs-playwright-playground","owner":"ajeetchaulagain","description":null,"archived":false,"fork":false,"pushed_at":"2024-04-08T11:20:34.000Z","size":773,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-15T11:11:09.912Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/ajeetchaulagain.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":"2024-04-08T08:31:12.000Z","updated_at":"2024-04-08T08:31:18.000Z","dependencies_parsed_at":"2024-04-08T10:30:27.823Z","dependency_job_id":"15b49190-7ae3-49e6-acd9-38bd99ceefd9","html_url":"https://github.com/ajeetchaulagain/nextjs-playwright-playground","commit_stats":null,"previous_names":["ajeetchaulagain/nextjs-playwright-playground"],"tags_count":0,"template":false,"template_full_name":"ajeetchaulagain/nextjs-blog-starter-styled-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajeetchaulagain%2Fnextjs-playwright-playground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajeetchaulagain%2Fnextjs-playwright-playground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajeetchaulagain%2Fnextjs-playwright-playground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajeetchaulagain%2Fnextjs-playwright-playground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ajeetchaulagain","download_url":"https://codeload.github.com/ajeetchaulagain/nextjs-playwright-playground/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241945526,"owners_count":20046869,"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":[],"created_at":"2024-11-15T04:14:15.185Z","updated_at":"2026-05-28T13:06:20.946Z","avatar_url":"https://github.com/ajeetchaulagain.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Vercel](https://therealsujitk-vercel-badge.vercel.app/?app=nextjs-blog-styled)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/ajeetchaulagain/nextjs-blog-starter-styled-components/issues)\n\n# Next.js Blog Starter Kit with styled-components\n\nThis is a Blog starter kit built using [Next.js ](https://nextjs.org/) 14 (with [app router](https://nextjs.org/docs/app)), [styled-components](https://styled-components.com/) and typescript.\n\n**Live Demo:** https://nextjs-blog-styled.vercel.app/\n\n## Features\n\n- [styled-components](https://styled-components.com/) configuration with server-side rendering\n- Data sourcing for a blog post through Markdown files\n- Styling through Reusable components\n- Typescript and Eslint configuration\n- Uses Next.js latest [App Router](https://nextjs.org/docs/app) paradigm\n\n## How to use\n\n\u003e [!IMPORTANT]\n\u003e This application requires **Node.js v18.17+.**\n\n### Installation \u0026 running project\n\nExecute [create-next-app](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with npm or yarn to bootstrap this template or clone this repo:\n\n```bash\nnpx create-next-app --example https://github.com/ajeetchaulagain/nextjs-blog-starter-styled-components my-blog\n```\n\nOR\n\n```bash\ngit clone https://github.com/ajeetchaulagain/nextjs-blog-starter-styled-components.git my-blog\n```\n\nInstall `node_modules` and run dev server:\n\n```bash\ncd my-blog\nnpm install\nnpm run dev\n```\n\nYour dev server should be up and running at [http://localhost:3000](http://localhost:3000)\n\n### Usage Guide/Note\n\n- To add a blog post, add the new markdown file in `/posts` directory\n\n  \u003e **Note**: To create a blog post [remark](https://github.com/remarkjs/remark) and [remark-html](https://github.com/remarkjs/remark-html) is used to convert the markdown files into HTML string, which is then passed to page as the props. And for the metadata, [gray-matter](https://github.com/jonschlinkert/gray-matter) is used.\n\n- For styling markdown post, base styles are setup in `styles/MarkdownStyles.tsx`. For styling other pages, a minimal set of re-usable components created in this project are used.\n\n## Deployment\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajeetchaulagain%2Fnextjs-playwright-playground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fajeetchaulagain%2Fnextjs-playwright-playground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajeetchaulagain%2Fnextjs-playwright-playground/lists"}