Spaces:
Running
Running
| title: Next.js Docker Starter | |
| emoji: 🐳🤘 | |
| colorFrom: purple | |
| colorTo: blue | |
| sdk: docker | |
| pinned: false | |
| license: agpl-3.0 | |
| app_port: 3000 | |
| # nextjs-docker-starter | |
| This example can be used to run [Next.js](https://nextjs.org/) using [Docker](https://huggingface.co/docs/hub/spaces-sdks-docker) in 🤗 [Spaces](https://huggingface.co/spaces). | |
| ## Development | |
| 1. Install the dependencies: `npm i` | |
| 2. Start the local dev-server: `npm run dev` | |
| 3. Open the app via [localhost:3000](http://localhost:3000) | |
| ## Use the Docker container locally | |
| To make sure that everything is working out, you can run your container locally: | |
| 1. [Install Docker](https://docs.docker.com/get-docker/) on your machine | |
| 2. Go into the `nextjs-docker-starter` folder | |
| 3. Build your Docker image: `docker build -t nextjs-docker-starter .`. | |
| 4. Run your Docker container: `docker run -p 3000:3000 nextjs-docker-starter`. | |
| 5. Open the app via [localhost:3000](http://localhost:3000) | |
| ## Dockerize an existing project | |
| To add support for Docker to an existing project, just copy the `Dockerfile` into the root of the project and add the following to the `next.config.js` file: | |
| ```js | |
| // next.config.js | |
| module.exports = { | |
| // ... rest of the configuration. | |
| output: "standalone", | |
| }; | |
| ``` | |
| This will build the project as a standalone app inside the Docker image. | |
| ## Manage your Space via GitHub | |
| If you want to use all the features for collaborative development on GitHub, but keep your demo on Spaces, then you can setup a GitHub action that will automatically push changes from GitHub into Spaces. | |
| https://huggingface.co/docs/hub/spaces-github-actions | |