Skip to the article

Web Design AgencyRun the site without Docker

Run the site without Docker

Install and start the site with Node.js and Yarn, in development or as a production build.

DockerRecommended Manual setup

Before you start: install Node.js 22 or newer. No database and no global packages are needed.

View requirements

Open a terminal in the landing-page-template-1 folder, the one you get when you unzip the download.

Start the dev server

01
Install and start
corepack enable makes yarn use the Yarn 4 version the project pins; you run it once per computer. yarn install downloads the dependencies, and yarn dev starts the site.
Terminalin landing-page-template-1
```
corepack enable
yarn install
yarn dev
```
Expected result: localhost:3030Local opens the page. A change to a file under src/ or messages/ shows in the browser without a restart.
Having trouble?
I've done this step

A port is already in use?

If yarn dev stops with EADDRINUSE: address already in use :::3030, another program uses port 3030. Stop it, or start on another port with yarn dev -p 3041 and open localhost:3041Local.

A port is already in use

Press Ctrl+C in the terminal to stop the dev server.

Optional settings

The site runs with no configuration. To set your site's public address or a contact form API, copy .env.example to .env.local and edit it:

Terminalin landing-page-template-1

cp .env.example .env.local

In PowerShell:

Terminalin landing-page-template-1

Copy-Item .env.example .env.local

Restart yarn dev after you change it.

What the two settings do

Production build

Build the site once, then serve the build:

Terminalin landing-page-template-1

yarn build
yarn start

yarn start serves the build on localhost:3030Local. On another port: yarn start -p 3041.

yarn build writes the values in .env.local into the build, so run it again after you change one.

Scripts

Script	What it does
`yarn dev`	Starts the dev server on port `3030`
`yarn build`	Makes the production build
`yarn start`	Serves the production build on port `3030`
`yarn lint`	Checks the code with ESLint
`yarn typecheck`	Checks the types with TypeScript

Next

Stuck on a step?

Find a fix before you start over.

Troubleshooting

We use cookies to enhance your browsing experience, analyze site traffic, and personalize content. By clicking "Accept All", you consent to our use of cookies for analytics and personalized advertising.