{"id":18889291,"url":"https://github.com/codebucks27/nextjs-tailwindcss-blog-template","last_synced_at":"2025-05-15T08:10:06.603Z","repository":{"id":195015455,"uuid":"678375587","full_name":"codebucks27/Nextjs-tailwindcss-blog-template","owner":"codebucks27","description":"⭐Build SEO optimized personal blog website with Next.js, Tailwind CSS and Contentlayer. If you want to learn to create this you can follow the tutorial link given in the Read me file.","archived":false,"fork":false,"pushed_at":"2025-03-29T18:38:44.000Z","size":5352,"stargazers_count":611,"open_issues_count":0,"forks_count":226,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-07T04:05:47.655Z","etag":null,"topics":["blog","blog-template","blog-theme","blog-website","contentlayer","markdown","nextjs","nextjs-blog","nextjs-contentlayer","nextjs-markdown-tailwind-blog","nextjs-tailwind","nextjs-template","nextjs13","tailwindcss"],"latest_commit_sha":null,"homepage":"https://create-blog-with-nextjs.vercel.app/","language":"MDX","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codebucks27.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","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},"funding":{"github":["codebucks27"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":null,"thanks_dev":null,"custom":null}},"created_at":"2023-08-14T12:10:09.000Z","updated_at":"2025-04-03T03:59:12.000Z","dependencies_parsed_at":"2023-11-17T08:47:07.824Z","dependency_job_id":"bf429ae7-b9e5-4fe9-91da-41ff22f76180","html_url":"https://github.com/codebucks27/Nextjs-tailwindcss-blog-template","commit_stats":{"total_commits":49,"total_committers":3,"mean_commits":"16.333333333333332","dds":"0.24489795918367352","last_synced_commit":"499e2c5dde9e382bc1bd7d37c0674cd92875dbd1"},"previous_names":["codebucks27/nextjs-tailwindcss-blog-template"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebucks27%2FNextjs-tailwindcss-blog-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebucks27%2FNextjs-tailwindcss-blog-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebucks27%2FNextjs-tailwindcss-blog-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebucks27%2FNextjs-tailwindcss-blog-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codebucks27","download_url":"https://codeload.github.com/codebucks27/Nextjs-tailwindcss-blog-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248890406,"owners_count":21178423,"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":["blog","blog-template","blog-theme","blog-website","contentlayer","markdown","nextjs","nextjs-blog","nextjs-contentlayer","nextjs-markdown-tailwind-blog","nextjs-tailwind","nextjs-template","nextjs13","tailwindcss"],"created_at":"2024-11-08T07:48:25.443Z","updated_at":"2025-04-14T13:44:49.641Z","avatar_url":"https://github.com/codebucks27.png","language":"MDX","funding_links":["https://github.com/sponsors/codebucks27"],"categories":[],"sub_categories":[],"readme":"# Next.js Blog Tutorial: Build SEO Optimized Personal Blog with Next.js, Contentlayer, and Tailwind CSS 🔥\n\n![GitHub stars](https://img.shields.io/github/stars/codebucks27/Nextjs-tailwindcss-blog-template?style=social\u0026logo=ApacheSpark\u0026label=Stars)\u0026nbsp;\u0026nbsp;\n![GitHub forks](https://img.shields.io/github/forks/codebucks27/Nextjs-tailwindcss-blog-template?style=social\u0026logo=KashFlow\u0026maxAge=3600)\u0026nbsp;\u0026nbsp;\n![Github Followers](https://img.shields.io/github/followers/codebucks27.svg?style=social\u0026label=Follow)\u0026nbsp;\u0026nbsp;\u003cbr /\u003e\n\nFor Demo checkout following links👇: \u003cbr /\u003e\n[Nextjs Personal Blog Website](https://create-blog-with-nextjs.vercel.app/) \u003cbr /\u003e\n\nStarter Code Files👇: \u003cbr /\u003e\n[Nextjs Personal Blog Website Starter Code](https://github.com/codebucks27/Nextjs-contentlayer-blog) \u003cbr /\u003e\n\nIf you want to learn how to create it please follow below tutorial👇: \u003cbr /\u003e\nhttps://youtu.be/1QGLHOaRLwM \u003cbr /\u003e\n[![YouTube Video Views](https://img.shields.io/youtube/views/1QGLHOaRLwM?style=social)](https://youtu.be/1QGLHOaRLwM)\u003cbr /\u003e\n\nCheckout My Personal blog: [DevDreaming](https://devdreaming.com/)\u003cbr /\u003e\n\n---\n\u003e### NOTE: In the youtube tutorial I have used contentlayer for the markdown files. Since contentlayer is not actively maintained, I have switched to [Velite.js](https://velite.js.org/) for the markdown files. If you want to checkout the contentlayer please switch to the [contentlayer](https://github.com/codebucks27/Nextjs-tailwindcss-blog-template/tree/Contentlayer) branch.\n---\n\n### ⭐DO NOT FORGET TO STAR THIS REPO⭐\n\n### Images of The Portfolio Website:\n\n#### Home\n![Nextjs Personal Blog Website](https://github.com/codebucks27/Nextjs-contentlayer-blog/blob/main/project%20images/Home-Big.png?raw=true)\n\n#### About\n![Nextjs Personal Blog Website About Page](https://github.com/codebucks27/Nextjs-contentlayer-blog/blob/main/project%20images/About-Big.png?raw=true)\n\n#### Contact\n![Next.js Personal Blog Website Contact Page](https://github.com/codebucks27/Nextjs-contentlayer-blog/blob/main/project%20images/Cotnact-Big.png?raw=true)\n\nFor more Images please check the [project images](https://github.com/codebucks27/Nextjs-contentlayer-blog/tree/main/project%20images) folder from this repo or check the demo link. \n\n### Resources Used in This Project\n\n- Character image in the About page created by using [Bing Search[(https://www.bing.com/).\n- Lottie animation in the contact page: [from here](https://lottiefiles.com/animations/sloth-meditate-SzNofNFhYY)\n- Fonts from https://fonts.google.com/ \u003cbr /\u003e\n- Icons from https://iconify.design/ \u003cbr /\u003e\n\n### All the images used in the blogs:\n- Photo by \u003ca href=\"https://unsplash.com/@kmuza?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eCarlos Muza\u003c/a\u003e on \u003ca href=\"https://unsplash.com/photos/hpjSkU2UYSU?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\n- Photo by \u003ca href=\"https://unsplash.com/@marvelous?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eMarvin Meyer\u003c/a\u003e on \u003ca href=\"https://unsplash.com/photos/SYTO3xs06fU?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\n- Photo by \u003ca href=\"https://unsplash.com/@pinjasaur?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003ePaul Esch-Laurent\u003c/a\u003e on \u003ca href=\"https://unsplash.com/photos/oZMUrWFHOB4?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\n- Photo by \u003ca href=\"https://unsplash.com/@kellysikkema?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eKelly Sikkema\u003c/a\u003e on \u003ca href=\"https://unsplash.com/photos/-1_RZL8BGBM?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\n- Photo by \u003ca href=\"https://unsplash.com/@laurenmancke?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eLauren Mancke\u003c/a\u003e on \u003ca href=\"https://unsplash.com/photos/aOC7TSLb1o8?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\n- Photo by \u003ca href=\"https://unsplash.com/@lucabravo?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eLuca Bravo\u003c/a\u003e on \u003ca href=\"https://unsplash.com/photos/XJXWbfSo2f0?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\n- Photo by \u003ca href=\"https://unsplash.com/@wocintechchat?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eChristina @ wocintechchat.com\u003c/a\u003e on \u003ca href=\"https://unsplash.com/photos/OtHEYbQXLFU?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\n- Photo by \u003ca href=\"https://unsplash.com/@cdx2?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eC D-X\u003c/a\u003e on \u003ca href=\"https://unsplash.com/photos/PDX_a_82obo?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\n- Photo by \u003ca href=\"https://unsplash.com/@charlesdeluvio?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003echarlesdeluvio\u003c/a\u003e on \u003ca href=\"https://unsplash.com/photos/cZr2sgaxy3Q?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\n- Photo by \u003ca href=\"https://unsplash.com/@emilep?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eEmile Perron\u003c/a\u003e on \u003ca href=\"https://unsplash.com/photos/xrVDYZRGdw4?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\n- Photo by \u003ca href=\"https://unsplash.com/@synkevych?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eRoman Synkevych\u003c/a\u003e on \u003ca href=\"https://unsplash.com/photos/vXInUOv1n84?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\n\n\nThis is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodebucks27%2Fnextjs-tailwindcss-blog-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodebucks27%2Fnextjs-tailwindcss-blog-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodebucks27%2Fnextjs-tailwindcss-blog-template/lists"}