Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب

چطوری یه پروژه Next.js رو Dockerize کنیم؟ اگه میخواید پروژه رو روی سرور دپلوی کنید Docker میتونه یه راه حل سریع و حرفه‌ای باشه. برای اینکه اول از همه شما باید یه فایل با نام Dockerfile در پوشه اصلی پروژه بسازید (بدون پیشوند و با حرف D بزرگ) و نمونه خیلی ساده ای براتون قرار میدم که کد رو داخلش بذارید و استفاده کنید البته این یه چیز ثابتی نیس و ممکنه بسته به پروژه نیاز به تغییر باشه ولی میتونه نمونه خوبی برای شروع باشه.

FROM node:20-alpine

# Set the working directory in the container
WORKDIR /app

# Copy package.json and package-lock.json to the working directory
COPY package*.json ./

# Install dependencies
RUN npm install

COPY . .

# Build the Next.js app
RUN npm run build

# Expose the port Next.js app is running on
EXPOSE 3000

# Command to run the Next.js app
CMD ["npm", "start"]

💢 با اجرای دستور زیر میتونید پروژه رو بیلد کنید

docker build -t nextjs-app .

💢 و با دستور run میتونید کانتینر رو اجرا کنید

docker run -p 3000:3000 nextjs-app

#docker #reactjs #nextjs Channel | Group | YouTube

#Fun چرا نگفته بهش 😂😂😂 بفرست واسه کسایی که یا نگفتن بهت یا نگفتی بهشون🤦‍♂️🤣🤣 Channel | Group | YouTube

#nodejs #nestjs فریمورک NestJS یک چارچوب توسعه برنامه‌های وب سمت سرور بر پایه Node.js است که از TypeScript پشتیبانی می‌کند. این چارچوب از معماری مبتنی بر ماژول‌ها و الگوی وابستگی تزریق وابسته به provider برای توسعه برنامه‌های سریع، مقیاس‌پذیر و قابل نگهداری استفاده می‌کند. برای شروع یک پروژه NestJS، می‌توانید مراحل زیر را دنبال کنید: نصب Nest CLI: ابتدا برای نصب @nestjs/cli، دستور زیر را در ترمینال خود اجرا کنید:

npm install -g @nestjs/cli

ایجاد پروژه: سپس می‌توانید دستور nest new را برای ایجاد یک پروژه جدید اجرا کنید:

nest new project-name

این دستورات به شما کمک می‌کنند تا یک پروژه ساده NestJS ایجاد کنید و آن را اجرا کنید. برای اطلاعات بیشتر در مورد NestJS و راهنمایی‌های توسعه، می‌توانید به مستندات رسمی آن مراجعه کنید: https://docs.nestjs.com Channel | Group | YouTube

#Tips_N_Tricks #javascript 🏁استفاده از پارامتر دیفالت در ساخت function باعث کلین کد شدن میشه و جلوگیری میکنه از کثیف کاری 🏁 ❌اگه شما راه بهتری سراغ دارین حتما بگید تو گروه تا آگاهیمون بالاتر بره ❌ Channel | Group | YouTube

کار کردن با تقویم شمسی همیشه دردسرساز بود ولی پکیج React Multi Date Picker این مشکل رو حل کرده. پکیجی که مشکل‌های اساسی رو حل کرده و قابلیت شخصی سازی بالایی داره از انتخاب بازه‌ای تاریخ گرفته تا شخصی سازی نمایش تقویم، تازه ریسپانسیو هم هست! این پکیج رو شهاب یزدی عزیز زحمتش رو کشیده که میتونید توی گیت هاب بهش استار بدید یا در صورت تمایل در روند توسعه بهش کمک کنید👌 توی لینک زیر میتونید دمو تقویم رو ببینید 🌐 https://shahabyazdi.github.io/react-multi-date-picker/fa/ #calendar #reactjs #reactjs_package Channel | Group | YouTube

سلام رفقا 👋 آقا ما تصمیم گرفتیم از این به بعد اگر ویدیویی قراره توی یوتیوب ضبط بشه، قبلش توی چنل موضوعش رو با شما به اشتراک بزاریم که اگر شما هم ایده ای دارید بهش اضافه کنید (که شاید حتی موضوع ویدیوهای دیگه ای باشه) ✌️ من این هفته تصمیم گرفتم یه ویدیو ضبط کنم در رابطه با json-server و همچنین متودهای DELETE و POST مربوط به ریکوئست های HTTP جیسون سرور بهتون کمک میکنه که اگر خودتون api ندارید بتونید خیلی سریع و رایگان باهاش یک api فیک درست کنید تا پروژتون رو راحت باهاش توسعه بدید 👌 متودهای DELETE و POST هم به ترتیب برای این هستن که شما یه دیتایی رو از سروری که دارید دیتا رو ازش میگیرید حذف یا تغییر بدید (که قطعا خیلیاتون اسمش رو شنیدید اما میدونم که خیلیاتون نمیدونید که چطوری واقعا باید ازشون استفاده کنید) این دو مورد قراره توی این ویدیو صحبت بشه، حالا اگر شما موردی هست که میخواید داخلش در موردش صحبت بشه یا اینکه کلا ایده ای در در این زمینه دارید خوشحال میشم بشنوم ❤️

#Fun خدایی راست بگین چن نفرتون یه همچین محیطی رو برای کار دوس دارین 🤣🤪 Channel | Group | YouTube

حتما براتون پیش اومده توی پروژه‌ای نیاز بود یه Count down یا بخواین Idle بودن کاربر رو تشخیص بدید ولی برای اینا نیاز به یه هوک دارید که بعضی مواقع میتونه دردسر ساز باشه😉 ✅ خب پکیج useHooks این مشکل رو حل کرده! این پکیج کلی هوک های کاربردی داره که میتونید ازشون استفاده کنید. اگرم نمیخواید کل پکیج رو به پروژه اضافه کنید میتونید توی سایتش فقط کد هوک خاصی روی بردارید👌 🌐 https://usehooks.com/ #hooks #nextjs #reactjs #reactjs_package Channel | Group | YouTube

هکرا و برنامه نویس ها حمله 👩‍💻👩‍💻

#Tips_N_Tricks #javascript ⚠️حالت سخت گیرانه (use strict)با اعمال قوانین سختگیرانه تر به شناسایی خطاهای رایج کدنویسی کمک می کند.⚠️ دوستان از این بعد سعی میکنم هر روز یک پست در مورد جلوگیری از خطاها و اشتباهات رایج در جاوا اسکریپت براتون پست بذارم 💣 Channel | Group | YouTube

دریافت vpnسرور فلاند 🇫🇮📶

لیست درحال پاک شدن ....ظرفیت محدود 👆❤️

💗💗💗 ©️💗🅰💗💗💗💗 لیستی از بهترین کانال های VIPپولی تلگرام که برای چند دقیقه به صورت رایگان در اختیار شما عزیزان قرار گرفت ⏳⏳⬇️⬇️ https://t.me/addlist/e-6x-7tNbZI2YzM0 🔴🟠🟡🟢🔵🔴⚪️

#Fun ✅ یعنی واژه ی تیم ورک اگه آدم بود میشد اینا😁😁 ✅بنظرم واژه ی تیم ورک تو ایران خیلی کم رنگ هست😭 Channel | Group | YouTube

👑 لیستی از بهترین کانالهای دانلود پکیج های آموزشی پولی سایتهای ایرانی بصورت رایگان ⚔️ https://t.me/addlist/GarfDLMD7TY3OTI5 🚀 با یک کلیک عضو تمام کانال های پکیج شو ⚠️

توی چنل کلِوِردِوز ما چیزای جالبی در باره  برنامه نویسی فرانت و بکند و لینوکس و شبکه و خیلی چیزای دیگه رو باهاتون به اشتراک میزاریم پیشنهاد میکنم حتما داشته باشیدش @CleverDevs

👋 سلام و احترام خدمت همه ی همکاران ℹ️ رشته ای از جلسات داریم برگزار می کنیم برای آموزش مفاهیم پایه و مهم برنامه نویسی که هم برای بکند مهمه و هم برای فرانت ❗️ متاسفانه اکثرا در سمت فرانت تو این زمینه ها مشکل دارن و خیلی می تونه کمک کننده باشه براشون ⭐️ پیشنهاد می کنم حتما شرکت کنین 📣 جلسه اول امشب ساعت 19 🔔 در گروه زیر لینک های عضویت قرار داده میشه: 🔗 @MostafaEffatiGroup

چه #Frontend کد بزنی و یا #Backend یکی از موضوعاتی که باید بدونی قطعا درمورد Serialization و Deserialization هست. شاید باورش سخت باشه ولی خیلی از developer ها با سابقه چند ساله این موضوع اطلاعی ندارند. در این ویدیو ما این موضوع رو عمیق برسی میکنیم. اگرم دوست دارید به چنلمون هم سر بزنید. @nodemaster https://youtu.be/53J2n0zpcys

#quick_challenge نتیجه چی میشه؟؟؟ Channel | Group | YouTube