Jak uruchomić aplikację Next.js z Dockerem: krok po kroku

Timur Takhtashov — Mon, 14 Oct 2024 20:04:31 +0000

🚀 Czym jest Docker i jak pomaga programistom? 🌊

Docker to narzędzie, które pozwala spakować aplikacje i wszystkie ich zależności w kontenery. Oznacza to, że możesz uruchamiać swoją aplikację na dowolnym komputerze, a będzie działać tak samo, bez problemów z konfiguracją. 🌟
Aby korzystać z Dockera, musisz wprowadzać polecenia w terminalu (lub wierszu poleceń). Polecenia zazwyczaj zaczynają się od nazwy narzędzia (np. docker) i zawierają różne parametry.

Zacznijmy uruchamiać aplikację Next.js przy użyciu Dockera! 💻✨

Krok 1: Upewnij się, że na twoim komputerze zainstalowany jest Node.js
Aby to zrobić, otwórz terminal i wpisz komendę:

docker --version

Jeśli Docker jest zainstalowany, zobaczysz jego wersję. Jeśli nie, pobierz go z oficjalnej strony Dockera. Link do Node.js.

Krok 2: Wprowadź w terminalu polecenie, aby utworzyć nową aplikację Next.js

npx create-next-app@latest my-next-app

Następnie przejdź do folderu swojego projektu za pomocą komendy:

cd my-next-app

Krok 3: Stwórz plik Dockerfile (instrukcję dla Dockera, która opisuje, jak zbudować obraz twojej aplikacji)
W katalogu głównym twojego projektu utwórz plik o nazwie Dockerfile i dodaj do niego następujący kod:

FROM node:18
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build
EXPOSE 3000
CMD ["npm", "start"]

Krok 4: Stwórz plik .dockerignore (plik, który informuje Dockera, które pliki i foldery nie powinny być włączone do obrazu) i dodaj do niego:

node_modules
npm-debug.log

Krok 5: Zbuduj obraz Dockera i uruchom aplikację
To bez problemu można zrobić za pomocą poniższych komend:

docker build -t my-next-app .
docker run -p 3000:3000 my-next-app

Krok 6: Otwórz aplikację w przeglądarce
Dla tego wystarczy przejść w przeglądarce pod adres http://localhost:3000, a twoja aplikacja będzie działać! 🎉

Convenient communication with the client

Timur Takhtashov — Fri, 04 Oct 2024 21:43:35 +0000

At Mandala Software House, we prioritize speed, convenience, and simplicity in our client interactions. Effective communication is essential to achieving these goals. We wanted to create a streamlined process that allows clients to quickly learn about our services and pricing without unnecessary delays or back-and-forth with our developers and consultants.

To address this, we implemented a service request form on our official website. This form enables clients to provide their contact information and gain immediate access to details about our offerings and pricing. Moreover, clients can leave comments or questions related to their inquiries, fostering a direct and constructive dialogue right from the start. This approach not only enhances client engagement but also helps us tailor our responses to meet their specific needs without wasting valuable time.

By simplifying the initial communication process, we aim to ensure that clients feel informed and supported as they explore our services.

DEV Community: Timur Takhtashov

Jak uruchomić aplikację Next.js z Dockerem: krok po kroku

🚀 Czym jest Docker i jak pomaga programistom? 🌊

Zacznijmy uruchamiać aplikację Next.js przy użyciu Dockera! 💻✨

Convenient communication with the client