Weather you like it or not (WYLION)

JVT - December 2025

https://wylion.vercel.app/

A web app for fetching misc weather data and doing misc things with it.

Stack:

• typescript/react: duh
• framework, routing, built-in backend: next.js
  • app router?
• weather API: open-meteo
• ORM: prisma
• database: postgres (via neon)
• emails: nodemailer
• auth: better auth
• deployment: Vercel, then switch to AWS later
• others:
  • component libary: shad-cd
  • icons: lucide react
  • toast: sonner
  • hash: argon

Figma:

https://www.figma.com/board/CqYAM5wWt5XM3BmqJBZg25/wylion?node-id=0-1&p=f&t=yAcRY6sAKTvsGFw4-0

Notes to self:

• db regions may mismatch. if having issues, check that. i chose sydney for neon in the browser, but sydney wasn't available for... prisma? when i was setting up prisma in the terminal

TODO:

• apply joel.ipynb principles
• error handling
• error types?
• fix the broken account linking, including toasts
• handle empty API responses?
• validation
• logging
• finish auth stuff?
• prevent duplicates added to db
• check: is the db query not showing everything from db in the table? why not?
• fix toast msgs
• clean up console.logs
• flesh out readme

# things i had to do (in probably the wrong order)

npx create-next-app@latest .

somehow installed shadcn
somehow installed input button label sonner
somehow installed prisma
somehow installed better-auth

npx prisma db push
npx prisma generate
npx prisma db push
npx prisma generate?

npm i --save-dev @types/pg
npm i @prisma/adapter-pg
npm i openmeteo
npm i @node-rs/argon2
npm i nodemailer
npm i --save-dev @types/nodemailer
npm i @prisma/client

---

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

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 to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.