Lukewarm Blog Theme

packages/blog-starter-kit/themes/lukewarm/.env.example

@@ -0,0 +1,3 @@
+NEXT_PUBLIC_HASHNODE_ENDPOINT =https://gql.hashnode.com
+NEXT_PUBLIC_HASHNODE_PUBLICATION_ID=65b0f292f826b65f6258668b
+NEXT_PUBLIC_HASHNODE_PUBLICATION_HOST=agrimawrites.hashnode.dev

packages/blog-starter-kit/themes/lukewarm/.gitignore

@@ -0,0 +1,37 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+.env
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

packages/blog-starter-kit/themes/lukewarm/README.md

@@ -0,0 +1,44 @@
+# Lukewarm - A Focused Hashnode Theme
+
+Lukewarm is a clean, intuitive Hashnode theme designed for easy content discovery. This project integrates the Hashnode API into a Next.js blog starter for a headless CMS experience.
+
+## Features
+
+- Intuitive, focused UI/UX 
+- Hashnode API integration
+- Next.js framework
+- Responsive design
+- SEO optimized 
+
+## Tech Stack
+
+- Next.js
+- TypeScript
+- Tailwind CSS
+- Hashnode API
+- GraphQL
+- Vercel
+- Framer Motion
+
+### Theme Design
+
+The theme is named Lukewarm to reflect its moderately warm, balanced aesthetic. Careful color choices reduce eye strain while maintaining vibrance. The slideshow spotlights top posts, and prominent newsletter CTAs help retain readers.
+
+This is the existing [blog-starter](https://github.com/vercel/next.js/tree/canary/examples/blog-starter) plus TypeScript.
+
+wired with [Hashnode](https://hashnode.com).
+
+We've used [Hashnode API's](https://apidocs.hashnode.com) and integrated them with this blog starter kit.
+
+## Want to have your own?
+
+Fork it and change the environment variable `NEXT_PUBLIC_HASHNODE_PUBLICATION_HOST` to your host (agrimawrites.hashnode.dev is the host in the example), `NEXT_PUBLIC_HASHNODE_PUBLICATION_ID` to your publication ID that you can get from dashboard URL (https://hashnode.com/YOUR_PUBLICATION_ID/dashboard) and deploy it to Vercel.
+That's it! You now have your own frontend. You can still use Hashnode for writing your Articles.
+
+## Demo  
+
+[https://agrimawrites-hashnode.vercel.app/](https://agrimawrites-hashnode.vercel.app/)
+
+
+
+

packages/blog-starter-kit/themes/lukewarm/components.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/app/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

packages/blog-starter-kit/themes/lukewarm/next.config.mjs

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default nextConfig;