[NEXT] - add lint check

.github/workflows/lint-on-pr.yml

@@ -0,0 +1,32 @@
+name: 'Lint Check'
+
+on:
+  pull_request:
+    branches: [ next ]
+
+jobs:
+  lint-job:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '20.10'
+
+      - name: Cache Node.js modules
+        uses: actions/cache@v2
+        with:
+          path: ~/.npm
+          key: ${{ runner.OS }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.OS }}-node-
+            ${{ runner.OS }}-
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Run Linter
+        run: npm run lint

README.md

@@ -1,8 +1,19 @@
-This 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).
+# Dolar En Bancos
+
+## Pre-requisites
+
+- [Doppler (for secrets management)](https://doppler.com/)
+- [Node.js](https://nodejs.org/en/) **v20.10**
 
 ## Getting Started
 
-First, run the development server:
+First, prepare environment running:
+
+```bash
+npm run prepare
+```
+
+Then run the development server:
 
 ```bash
 npm run dev
@@ -12,4 +23,10 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the
 
 You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and
+load Inter, a custom Google Font.
+
+## Environment Variables
+
+We use Doppler to manage secrets. Please request access and run the project with `doppler run -- npm` or
+add your own token.

package.json

@@ -1,9 +1,9 @@
 {
   "name": "dolarenbancos",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "private": true,
   "scripts": {
-    "prepare": "panda codegen",
+    "prepare": "panda codegen && husky install",
     "dev": "rm -rf .next && next dev",
     "build": "next build",
     "start": "next start",

src/app/layout.tsx

@@ -1,12 +1,12 @@
 import './globals.css'
-import type { Metadata } from 'next'
-import { Anton, Courier_Prime, Montserrat } from 'next/font/google'
-import { ReactNode, Suspense } from 'react'
+import type {Metadata} from 'next'
+import {Anton, Courier_Prime, Montserrat} from 'next/font/google'
+import {ReactNode, Suspense} from 'react'
 
 import {PHProvider, PostHogPageview} from '~/app/providers'
-import { meta, Prices } from '~/lib/constants'
+import {meta, Prices} from '~/lib/constants'
 
-import { cx } from '../../styled-system/css'
+import {cx} from '../../styled-system/css'
 
 const montserrat = Montserrat({
   subsets: ['latin'],
@@ -27,7 +27,7 @@ const courier = Courier_Prime({
 
 export async function generateMetadata (): Promise<Metadata> {
   // fetch data
-  const today: Prices = await fetch(`${ getBaseUrl() }/api/report/now`).then((res) => res.json())
+  const today: Prices = await fetch(`${getBaseUrl()}/api/report/now`).then((res) => res.json())
 
   return {
     title: meta.title,
@@ -42,7 +42,7 @@ export async function generateMetadata (): Promise<Metadata> {
       url: meta.url,
       type: 'website',
       siteName: meta.title,
-      images: [`${ getBaseUrl() }/api/og?price=${ today.banxico.buy }`],
+      images: [`${getBaseUrl()}/api/og?price=${today.banxico.buy}`],
     },
   } satisfies Metadata
 }