source code

Author: scrlkx

.editorconfig

@@ -0,0 +1,6 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+

.github/workflows/code-quality.yml

@@ -0,0 +1,28 @@
+name: Code Quality
+
+on:
+  push:
+    branches:
+      - '*'
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "22"
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Lint
+        run: npm run lint
+
+      - name: Format
+        run: npm run format

.github/workflows/release.yml

@@ -0,0 +1,21 @@
+name: Release
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    environment: production
+
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+
+      - name: Deploy to Vercel
+        env:
+          VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
+          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+        run: npx vercel deploy --token $VERCEL_TOKEN --prod --confirm

.gitignore

@@ -0,0 +1,40 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# Dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# Testing
+/coverage
+
+# Production
+build
+dist
+
+# Misc
+.DS_Store
+*.pem
+
+# Debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Local ENV files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Vercel
+.vercel
+
+# Turborepo
+.turbo
+
+# typescript
+*.tsbuildinfo
+
+# .env
+.env

.husky/pre-commit

@@ -0,0 +1,2 @@
+npm run lint
+npm run format

.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "editorconfig.editorconfig",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  }
+}

README.md

@@ -0,0 +1,27 @@
+# Sample Posts
+
+Sample Posts is an API that provides sample content for our [front-end challenge][].
+
+## Usage
+
+If you're looking for sample content, you can request it directly from our production endpoint:
+
+👉 [https://sample-posts.coderockr.com/api/posts][]
+
+📷 [https://sample-posts.coderockr.com/posts/post_1.jpg][] (for images)
+
+If you wish to customize or modify the API behaviors or content, follow the Getting Started guide to run it locally.
+
+## Getting Started
+
+Before start make sure that you have [Node.js 22][] and [Vercel CLI][] installed and configured.
+
+1. Clone this repository
+2. Install the project dependencies `npm install`
+3. Run it `vercel dev`
+
+[front-end challenge]: https://github.com/Coderockr/frontend-test
+[https://sample-posts.coderockr.com/api/posts]: https://sample-posts.coderockr.com/api/posts
+[https://sample-posts.coderockr.com/posts/post_1.jpg]: https://sample-posts.coderockr.com/posts/post_1.jpg
+[Node.js 22]: https://nodejs.org
+[Vercel CLI]: https://vercel.com/docs/cli

api/posts.ts

@@ -0,0 +1,19 @@
+import { VercelRequest, VercelResponse } from "@vercel/node";
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+import { allowCors } from "../cors";
+
+const handler = async (req: VercelRequest, res: VercelResponse) => {
+  if (req.method != "GET") {
+    res.status(405).end();
+    return;
+  }
+
+  const content = readFileSync(join(process.cwd(), "posts.json"), "utf8");
+  const posts = JSON.parse(content);
+
+  res.setHeader("Content-Type", "application/json");
+  res.status(200).json(posts);
+};
+
+export default allowCors(handler);

cors.ts

@@ -0,0 +1,27 @@
+import { VercelRequest, VercelResponse } from "@vercel/node";
+
+const allowCors =
+  (fn: (req: VercelRequest, res: VercelResponse) => Promise<void>) =>
+  async (req: VercelRequest, res: VercelResponse) => {
+    res.setHeader("Access-Control-Allow-Credentials", "true");
+    res.setHeader("Access-Control-Allow-Origin", "*");
+
+    res.setHeader(
+      "Access-Control-Allow-Methods",
+      "GET,OPTIONS,PATCH,DELETE,POST,PUT",
+    );
+
+    res.setHeader(
+      "Access-Control-Allow-Headers",
+      "X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version",
+    );
+
+    if (req.method === "OPTIONS") {
+      res.status(200).end();
+      return;
+    }
+
+    return await fn(req, res);
+  };
+
+export { allowCors };