Nuxt Case — Vacancy Overview with Filtering & Pagination

This project demonstrates a Nuxt 4 application that implements a job vacancy overview page. Users can filter and paginate through job listings, which are fetched from an external API. The goal is to showcase integration with external data sources, dynamic filtering, and efficient pagination using Nuxt 4, Nuxt Server Routes, and TailwindCSS. Optimal TypeScript support is a work in progress.

Features

• Vacancy overview page with real-time filtering and pagination
• Data fetched from an external API via Nuxt Server API routes
• Basic responsive UI styled with TailwindCSS
• Modular structure for easy extension

Getting Started

Prerequisites

• Node.js (version 20.19.x or later)
• npm

Setup project

1. Clone the repository.
2. Copy .env.example to .env and fill in the required environment variables (such as API endpoints or keys).
3. Install dependencies:

   npm install

4. Run the development server:

   npm run dev

Tech Stack

• Nuxt 4
• Nuxt Server Routes
• TailwindCSS
• TypeScript (partial, work in progress)

Nuxt Modules Used

• @nuxt/fonts
• @nuxt/icon