Our Technology Stack

WeekendHikePH is built with modern web technologies to provide a fast, secure, and delightful user experience. Here's a look at the tools and frameworks that power our application.

Frontend

Technologies used for building the user interface and experience

Next.js logo

Next.js

v14.2.24

React framework for production with server-side rendering and static site generation

Learn more
React logo

React

v18.2.0

JavaScript library for building user interfaces

Learn more
TypeScript logo

TypeScript

v5.3.3

Typed superset of JavaScript that compiles to plain JavaScript

Learn more
Tailwind CSS logo

Tailwind CSS

v3.4.1

Utility-first CSS framework for rapidly building custom designs

Learn more

Backend

Technologies used for server-side logic and data management

Prisma logo

Prisma

v6.4.1

Next-generation ORM for Node.js and TypeScript

Learn more
PostgreSQL logo

PostgreSQL

vLatest

Powerful, open source object-relational database system

Learn more
NextAuth.js logo

NextAuth.js

v4.24.11

Authentication for Next.js

Learn more

DevOps & Tooling

Tools used for development, deployment, and monitoring

Vercel logo

Vercel

vLatest

Platform for frontend frameworks and static sites

Learn more
ESLint logo

ESLint

v8.57.0

Tool for identifying and reporting on patterns in JavaScript

Learn more
PostCSS logo

PostCSS

v8.4.31

Tool for transforming CSS with JavaScript

Learn more

Content & Utilities

Libraries and tools for content management and utilities

React Icons logo

React Icons

v5.0.1

SVG React icons of popular icon packs

Learn more
Marked logo

Marked

v4.0.10

Markdown parser and compiler

Learn more
Sharp logo

Sharp

v0.33.5

High performance Node.js image processing

Learn more

Why We Chose These Technologies

Our technology choices reflect our commitment to building a modern, performant, and maintainable web application. Here's why we selected these specific technologies:

  • Next.js & React: Provides an excellent developer experience with features like server-side rendering, static site generation, and incremental static regeneration for optimal performance.
  • TypeScript: Adds static typing to JavaScript, improving code quality, developer productivity, and making our codebase more maintainable.
  • Tailwind CSS: Enables rapid UI development with utility-first approach, consistent design system, and excellent responsive capabilities.
  • Prisma & PostgreSQL: Provides type-safe database access with an intuitive API, making database operations safer and more efficient.
  • NextAuth.js: Simplifies authentication implementation with support for various providers and secure, JWT-based sessions.