Manual Project Import

Upload your Next.js project to start editing (runs on port 3002)

Upload a ZIP file (max 10MB) or select a project folder. For larger projects, use folder selection (recommended).

Select Project FolderRecommended

Best for all project sizes. Automatically excludes node_modules, .git, and build artifacts.

Upload ZIP File (max 10MB)

For smaller projects only. Files over 10MB must use folder selection.

Import Process:

• All existing files in .preview-site/ will be deleted

• Any running processes using .preview-site or port 3002 will be killed

• Project files will be copied to .preview-site/

• Dependencies will be installed automatically

• The project will always run on port 3002

• Automatically excludes: node_modules, hidden folders (.*), build output

How It Works

All existing files in .preview-site/ are deleted. Any processes using those files or port 3002 are automatically killed.

Choose either a ZIP file or select your project folder. node_modules will be automatically skipped.

We detect your package manager (npm/yarn/pnpm) and automatically install all dependencies.

Your project starts automatically on port 3002. The preview canvas connects and you can start editing!