This guide covers the fastest way to run LiquiFact Frontend locally, run tests, and troubleshoot the most common setup issues.
- Node.js 20 LTS or newer
- npm 9 or newer
- A terminal with Git available
-
Clone the repository and enter the project directory:
git clone <your-fork-url> cd liquifact-frontend
-
Install dependencies:
npm ci
-
Copy the example environment file if you need local config:
cp .env.local.example .env.local
-
Start the development server:
npm run dev
The app will be available at http://localhost:3000 unless a different port is already in use.
npm run dev— start the Next.js development servernpm run lint— run ESLint across the repositorynpm test— run the Jest unit and accessibility test suitenpm run build— create a production buildnpm run start— start the production build locallynpm run test:e2e— run Playwright end-to-end tests
npm testPlaywright requires browser binaries to be available. Install them once with:
npx playwright installThen run:
npm run test:e2eIf npm run dev reports that port 3000 is busy, stop the conflicting process or start the app on a different port:
PORT=3001 npm run devIf npm run test:e2e fails with a browser-related error, install the Playwright browser binaries:
npx playwright installIf the app fails to start or build, verify that .env.local exists and that any values you set are valid. Avoid committing secrets in .env.local or any NEXT_PUBLIC_* values that should remain private.
If npm ci fails, remove the existing install artifacts and retry:
rm -rf node_modules package-lock.json
npm installIf the issue persists, confirm you are using a supported Node.js version and update npm with:
node --version
npm --version