وب‌سرویس مجید

پروژه‌های متن‌باز | OpenSource Projects

این یک روتر و لایه میدل‌ور مینیمال و سبک برای Next.js، Micro، Vercel یا سرورهای Node.js است که به‌راحتی با TypeScript کار می‌کند. کاربرد: این کتابخانه به تو اجازه می‌ده تا به‌راحتی میدل‌ورها و روت‌های منطقی برای API‌های خودت در Next.js یا سایر محیط‌های اجرایی Vercel بنویسی، بدون نیاز به پیچیدگی‌های ...

  • #nextjs
  • #typescript
  • #middleware
  • #api
  • #nodejs
  • #vercel
  • #webdev
  • #backend
  • #serverless
  • #routing

این یک الگوی آماده برای ساخت وبسایت‌های مدرن با قابلیت مدیریت محتواست کاربرد: این پروژه ترکیبی از Next.js 13، Contentlayer برای مدیریت محتوای استاتیک، Tailwind CSS برای استایل‌دهی و پشتیبانی از حالت تاریک (dark mode) است. ایده‌آل برای ساخت بلاگ، مستندات، نمایشگاه پروژه یا سایت شخصی ️ در چه شرایطی به ...

  • #NextJS
  • #Contentlayer
  • #TailwindCSS
  • #DarkMode
  • #StaticSite
  • #Markdown
  • #BlogTemplate
  • #WebDev
  • #Frontend
  • #React

کاربرد: این ابزار یک کلاینت خط فرمان برای سرویس NextDNS هست که از پروتکل DNSoverHTTPS (DoH) پشتیبانی می‌کنه. به کاربران کمک می‌کنه تا ترافیک DNS خودشون رو رمزگذاری کنند، حریم خصوصی‌شون رو افزایش بدن و از فیلترینگ یا نظارت روی درخواست‌های DNS جلوگیری کنند. در چه شرایطی بهتره استفاده بشه؟ وقتی روی شبک ...

  • #DoH
  • #Privacy
  • #DNS
  • #Security
  • #NextDNS
  • #CLI
  • #Encryption
  • #NetworkSecurity
  • #AdBlock
  • #FamilyProtection

راهنمای راه‌اندازی NextDNS، یک پروکسی DoH با قابلیت‌های پیشرفته کاربرد: این پروژه به شما کمک می‌کنه تا NextDNS رو به‌راحتی تنظیم کنید و از آن برای افزایش حریم خصوصی، فیلتر کردن تبلیغات و محافظت در برابر بدافزارها استفاده کنید ️ در چه شرایطی بهتره استفاده بشه؟ وقتی به دنبال افزایش امنیت شبکه، کنترل د ...

  • #NextDNS
  • #Privacy
  • #Security
  • #AdBlocking
  • #DoH
  • #NetworkSetup
  • #HomeNetwork
  • #CyberSecurity
  • #DNSPrivacy
  • #SafeBrowsing

کاربرد: این یک تمپلیت حرفه‌ای برای ساخت برنامه‌های Next.js با کیفیت بالاست که با ابزارهای مدرن توسعه همراه شده — مثل TypeScript، Tailwind CSS، ESLint و Prettier. ️ مناسب پروژه‌های بزرگ و تیم‌هایی است که به دنبال ساختار تمیز، قابل تست و بهینه هستند. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای یک پرو ...

  • #NextJS
  • #TypeScript
  • #TailwindCSS
  • #EnterpriseReady
  • #Boilerplate
  • #WebDevelopment
  • #React
  • #CleanCode
  • #SaaS
  • #DevTools

این یک الگوی آماده جاوااسکریپت برای ساخت برنامه‌های فول استک است که با ترکیب React.js، Next.js، Express.js، reactbootstrap و SCSS کار می‌کند و از سرور ساید رندرینگ کامل (SSR) و ESLint نیز پشتیبانی می‌کند. کاربرد: این پروژه به تو کمک می‌کنه تا یک برنامه وب فول استک با قابلیت‌های پیشرفته رندرینگ، استا ...

  • #fullstack
  • #NextJS
  • #ExpressJS
  • #ReactJS
  • #SSR
  • #Boilerplate
  • #SCSS
  • #TypeScript
  • #WebDevelopment
  • #Bootstrap

یک کتابخانه قدرتمند برای بازسازی دقیق چهره سه‌بعدی از یک یا چند تصویر رنگی (RGB) است. این ابزار با استفاده از یادگیری عمیق، مدل‌های چهره با جزئیات بالا ایجاد می‌کند و مناسب پروژه‌هایی است که نیاز به دقت و واقع‌گرایی دارند. ️ کاربرد: این کتابخانه برای بازسازی سه‌بعدی چهره از تصاویر معمولی دوربین (حتی ...

  • #3D_Reconstruction
  • #Face_Modeling
  • #DeepLearning
  • #Computer_Vision
  • #NextFace
  • #RGB_to_3D
  • #Avatar_Generation
  • #Monocular_Imaging
  • #AI_Avatar

این کتابخانه به راحتی امکان احراز هویت با Firebase رو در تمام استراتژی‌های رندرینگ Next.js فراهم می‌کنه، شامل SSR، SSG و CSR. کاربرد: این ابزار برای پروژه‌های Next.js طراحی شده که می‌خوان از Firebase Authentication استفاده کنن، بدون دردسر مدیریت توکن و وضعیت کاربر. در چه شرایطی بهتره استفاده بشه؟ وق ...

  • #nextjs
  • #firebase
  • #authentication
  • #ssr
  • #ssg
  • #react
  • #webdev
  • #frontend
  • #auth
  • #javascript

کاربرد: این ابزار یک زبان اختصاصی (DSL) برای ساخت خطوط لوله محاسباتی داده‌محور است. با استفاده از آن می‌توانی پردازش داده‌های پیچیده، مخصوصاً در حوزه‌هایی مثل بیوانفورماتیک و علوم زیستی، را به صورت قابل اجرا، قابل بازتولید و مقیاس‌پذیر طراحی کنی. در چه شرایطی بهتره استفاده بشه؟ وقتی با داده‌های حجیم ...

  • #data_science
  • #bioinformatics
  • #pipeline
  • #nextflow
  • #cloud_computing
  • #hpc
  • #kubernetes
  • #docker
  • #reproducible_research
  • #computational_biology

کاربرد: این یک تمپلیت تولیدی بر پایه Turborepo برای اپلیکیشن‌های Next.js است که ساختاری حرفه‌ای و بهینه برای پروژه‌های بزرگ و تیم‌های توسعه‌دهنده فراهم می‌کند. ️ در چه شرایطی بهتره استفاده بشه؟ وقتی داری یک پروژه Next.js با مقیاس بزرگ می‌سازی و نیاز به مدیریت چندین سرویس، کتابخانه یا اپلیکیشن در یک ...

  • #NextJS
  • #Turborepo
  • #Monorepo
  • #Vercel
  • #WebDevelopment
  • #React
  • #FullStack
  • #DevTemplate
  • #ProductionReady
  • #Frontend

این پروژه یک مدل زبان بزرگ چندوجهی (Multimodal) است که می‌تواند ورودی‌ها و خروجی‌های مختلفی مانند متن، تصویر، صوت و ویدیو را به یکدیگر تبدیل کند کاربرد: این مدل برای سناریوهایی طراحی شده که نیاز به درک و تولید محتوای ترکیبی از چند نوع داده دارند، مثل تولید زیرنویس هوشمند، تبدیل داستان متنی به تصویر، ...

  • #MultimodalAI
  • #LLM
  • #NextGPT
  • #AnyToAny
  • #AIResearch
  • #ICML2024
  • #CrossModal
  • #TextToImage
  • #AudioToText
  • #VisionAndLanguage

کاربرد: ترجمهٔ روان و آسان برنامه‌های Next.js با قابلیت پشتیبانی از چندزبانه بودن، با استفاده از کتابخانهٔ i18next. این ابزار به توسعه‌دهندگان کمک می‌کند تا محتوای وبسایت را به راحتی به زبان‌های مختلف ترجمه کنند و تجربهٔ کاربری بین‌المللی ایجاد کنند. در چه شرایطی بهتره استفاده بشه؟ وقتی پروژهٔ Next. ...

  • #nextjs
  • #i18n
  • #translation
  • #multilingual
  • #internationalization
  • #react
  • #localization
  • #webdevelopment
  • #frontend
  • #nexti18next

این پروژه یک راه‌حل typesafe برای بین‌المللی‌سازی (i18n) در اپلیکیشن‌های Next.js فراهم می‌کند. کاربرد: این ابزار به تو امکان می‌ده تا به راحتی و با حمایت کامل از TypeScript، متن‌های ترجمه‌شده رو مدیریت کنی، بدون اینکه قربانی خطاهای زمان اجرا بشی. در چه شرایطی بهتره استفاده بشه؟ اگر داری یک پروژه Nex ...

  • #i18n
  • #NextJS
  • #TypeScript
  • #Internationalization
  • #Localization
  • #React
  • #WebDevelopment
  • #TypeSafe
  • #Multilingual
  • #Frontend

بین‌المللی‌سازی (i18n) برای Next.js این کتابخانه به توسعه‌دهندگان کمک می‌کند تا برنامه‌های Next.js خود را به راحتی برای چندزبانه‌بودن آماده کنند و محتوای متنی را بر اساس زبان کاربر نمایش دهند. کاربرد: این ابزار امکان مدیریت ترجمه‌های چندزبانه را در Next.js فراهم می‌کند، شامل ترجمه صفحات، کامپوننت‌ها ...

  • #i18n
  • #NextJS
  • #Internationalization
  • #React
  • #Localization
  • #Multilingual
  • #WebDevelopment
  • #SSR
  • #SSG
  • #Frontend

این یک پروژه فول‌استک مدرن بر پایه Next.js 14 است که تمامی ابزارهای پیشرفته توسعه وب را در خود جای داده است. کاربرد: این پروژه به توسعه‌دهندگان کمک می‌کند تا به سرعت یک برنامه وب کامل با احراز هویت، پایگاه داده، پرداخت آنلاین و هوش مصنوعی راه‌اندازی کنند. مناسب برای ساخت اپلیکیشن‌های SaaS، پلتفرم‌ها ...

  • #fullstack
  • #nextjs14
  • #typescript
  • #prisma
  • #postgresql
  • #stripe
  • #openai
  • #nextauth
  • #railway
  • #ai_app

این پروژه یک آموزش عملی برای پیاده‌سازی سیستم احراز هویت (Authentication) در Next.js 14 با استفاده از Auth.js (نسخه 5) است که توسط Antonio از طریق کانال "Code with Antonio" ارائه شده. کاربرد: این پروژه به توسعه‌دهندگان کمک می‌کند تا بتوانند به راحتی سیستم‌های ورود و ثبت‌نام کاربر را در برنامه‌های Ne ...

  • #nextjs
  • #authentication
  • #authjs
  • #webdev
  • #react
  • #fullstack
  • #tutorial
  • #javascript
  • #frontend
  • #user_auth

این یک شروع‌کننده سبک و آماده برای ساخت پروژه‌های مبتنی بر Next.js 15 است که از قابلیت چندزبانه بودن به صورت پیش‌فرض پشتیبانی می‌کند. ایده‌آل برای توسعه‌دهندگانی که می‌خواهند سریع یک پروژه حرفه‌ای با قابلیت بین‌المللی‌سازی راه‌اندازی کنند. کاربرد: این استارتر برای ساخت وب‌سایت‌های چندزبانه، SaaSها و ...

  • #nextjs
  • #nextjs15
  • #i18n
  • #saas
  • #boilerplate
  • #multilingual
  • #react
  • #typescript
  • #webdev
  • #frontend

کاربرد: این کتابخانه به تو امکان میده تا به راحتی سیستم احراز هویت رو به پروژه‌های Next.js اضافه کنی. ️ با استفاده از Auth0، کاربران می‌تونن با حساب‌های Google، GitHub، Facebook و یا ایمیل وارد شن. در چه شرایطی بهتره استفاده بشه؟ اگر داری یه برنامه Next.js می‌سازی و نیاز داری سیستم ورود و خروج کاربر ...

  • #auth
  • #nextjs
  • #authentication
  • #user_management
  • #security
  • #oauth
  • #sso
  • #web_development
  • #auth0
  • #javascript

این یک الگوی شروع سریع برای احراز هویت و مدیریت کاربران در برنامه‌های Next.js است که با Clerk پیاده‌سازی شده و کاملاً سازگار با App Router می‌باشد. کاربرد: این پروژه به تو کمک می‌کنه تا در کمترین زمان ممکن سیستم احراز هویت حرفه‌ای رو در برنامه‌های Next.js خود پیاده‌سازی کنی. شامل ویژگی‌هایی مثل ورود ...

  • #nextjs
  • #auth
  • #clerk
  • #user_management
  • #app_router
  • #starter_template
  • #web_development
  • #typescript
  • #fullstack
  • #developer_tools

این یک اپلیکیشن صورتحساب‌دهی بر پایه Next.js است که با سرویس Lemon Squeezy یکپارچه شده است. کاربرد: این پروژه به تو کمک می‌کنه تا به راحتی سیستم پرداخت و مدیریت اشتراک رو برای محصولات دیجیتال، دوره‌های آموزشی یا سرویس‌های عضویت پیاده‌سازی کنی. در چه شرایطی بهتره استفاده بشه؟ اگر داری یک سرویس SaaS، ...

  • #nextjs
  • #lemon_squeezy
  • #billing
  • #subscription
  • #saas
  • #digital_products
  • #payments
  • #typescript
  • #tailwindcss
  • #web_development

کاربرد: این یک تمپلیت آماده و قدرتمند برای شروع پروژه‌های Next.js 15 هست که از هر دو سیستم App Router و Page Router پشتیبانی می‌کنه. همچنین با Tailwind CSS 4 و TypeScript یکپارچه شده و ابزارهای توسعه‌ی پیشرفته مثل Drizzle ORM، Vitest، Storybook و Playwright رو هم داره. ️ در چه شرایطی بهتره استفاده ب ...

  • #NextJS
  • #TypeScript
  • #TailwindCSS
  • #Boilerplate
  • #Vitest
  • #Storybook
  • #DrizzleORM
  • #WebDevelopment
  • #CleanCode
  • #ModernStack

این یک اپلیکیشن چت ساده و قدرتمند است که با استفاده از Ably برای مدیریت بلادرنگ پیام‌ها و Next.js برای توسعه فرانت‌اند و بک‌اند ساخته شده است. کاربرد: این پروژه برای ساخت اپلیکیشن‌های چت بلادرنگ (realtime) مناسب است و به توسعه‌دهندگان کمک می‌کند تا بدون دردسر مدیریت سرورهای WebSocket، چت‌های پویا بس ...

  • #realtime_chat
  • #NextJS
  • #Ably
  • #Vercel
  • #WebSockets
  • #React
  • #LiveMessaging
  • #DeveloperTools
  • #FullStackApp
  • #ChatApplication

این یک استارتر کد عالی برای ساخت وبسایت شخصی یا نمونه کار توسعه‌دهندگان با استفاده از Next.js، Tailwind CSS و Framer Motion است. کاربرد: این پروژه به تو کمک می‌کنه تا یک پورتفولیو مدرن و واکنش‌گرا بسازی که می‌تونی مهارت‌ها، پروژه‌ها و تجربیات خودت رو به صورت حرفه‌ای نمایش بدی. در چه شرایطی بهتره است ...

  • #Nextjs
  • #TailwindCSS
  • #FramerMotion
  • #DeveloperPortfolio
  • #WebDevelopment
  • #React
  • #Frontend
  • #StarterKit
  • #PortfolioWebsite
  • #Codebucks

این یک تمپلیت رایگان فروشگاهی مبتنی بر Next.js و Sanity است که تمام بخش‌های ضروری برای راه‌اندازی یک فروشگاه اینترنتی قدرتمند را در خود دارد. ️ کاربرد: این تمپلیت به تو کمک می‌کنه تا بدون نیاز به ساختن همه چیز از صفر، یک فروشگاه حرفه‌ای با قابلیت‌های پیشرفته راه‌اندازی کنی. از صفحه محصول گرفته، تا س ...

  • #ecommerce_template
  • #nextjs
  • #sanity_cms
  • #headless_ecommerce
  • #react_store
  • #web_development
  • #online_shop
  • #frontend_template
  • #ecommerce_website
  • #modern_store

این پروژه یک چارچوب ترکیبی از Next.js و FastAPI است که به توسعه‌دهندگان اجازه می‌دهد تا به راحتی بک‌اند قدرتمند پایتون را با فرانت‌اند مدرن ری‌اکت ادغام کنند. کاربرد: این چارچوب برای توسعه‌ی برنامه‌های وب مدرن و کارآمد طراحی شده که نیاز به بک‌اند سریع و فرانت‌اند واکنش‌گرا دارند. با استفاده از این ت ...

  • #Nextjs
  • #FastAPI
  • #Python
  • #React
  • #Vercel
  • #WebDevelopment
  • #FullStack
  • #TodoApp
  • #API
  • #Deployment

این پروژه یک چت هوشمند است که به کاربران اجازه می‌دهد با هر وب‌سایتی تعامل داشته باشند. از ترکیب FastAPI برای بک‌اند، Next.js برای فرانت‌اند و LangChain برای پردازش زبان طبیعی استفاده می‌کند. کاربرد: این ابزار برای ساخت ربات‌های چت هوشمند روی سایت‌های مختلف مناسب است. مثلاً می‌تونی یک چت‌بات بسازی ک ...

  • #chatbot
  • #FastAPI
  • #NextJS
  • #LangChain
  • #AIIntegration
  • #WebChat
  • #NLP
  • #LLM
  • #DeveloperTools
  • #SmartAssistant

این یک پنل مدیریت قدرتمند و مدرن است که با فناوری‌های جدید وب ساخته شده و برای مدیریت داده‌های برنامه‌های داینامیک مناسب است. کاربرد: این پروژه برای ساخت پنل‌های مدیریتی حرفه‌ای طراحی شده و امکان مشاهده، ایجاد، ویرایش و حذف داده‌ها را از طریق رابط کاربری زیبا و واکنش‌گرا فراهم می‌کند. در چه شرایطی ب ...

  • #admin_panel
  • #nextjs
  • #graphql
  • #typescript
  • #prisma
  • #material_ui
  • #apollo_client
  • #mysql
  • #web_app
  • #dashboard

کاربرد: این تمپلیت یک پوستهٔ آماده برای ساخت صفحهٔ اصلی (Landing Page) با استفاده از Next.js 14، TypeScript و Tailwind CSS 3 است. ️ ایده‌آل برای توسعه‌دهندگانی که می‌خوان یک پروژهٔ مدرن، تمیز و حرفه‌ای رو سریع شروع کنن، بدون دردسر تنظیمات اولیه. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای یک صفحهٔ ...

  • #NextJS
  • #TypeScript
  • #TailwindCSS
  • #LandingPage
  • #StarterTemplate
  • #WebDevelopment
  • #DeveloperExperience
  • #Husky
  • #Prettier
  • #ESLint

این یک پروژه نمونه از یک برنامه تحت وب است که با Next.js و MongoDB ساخته شده و برای یادگیری و استفاده در دنیای واقعی طراحی شده. کاربرد: این پروژه به تو کمک می‌کنه تا نحوه اتصال یک برنامه Next.js به پایگاه داده MongoDB رو یاد بگیری و بفهمی چطور می‌تونی عملیات CRUD (ایجاد، خواندن، به‌روزرسانی و حذف) ر ...

  • #NextJS
  • #MongoDB
  • #WebDevelopment
  • #CRUD
  • #JavaScript
  • #React
  • #NodeJS
  • #FullStack
  • #LearnToCode
  • #MERN

کاربرد: این پروژه یک نمونه عملی از ساختار مونوریپو (Monorepo) با استفاده از Next.js و ابزارهای مدرن توسعه فرانت‌اند هست که به شما کمک می‌کنه بهترین روش‌ها و تنظیمات پیشرفته برای مدیریت چندین پروژه در یک مخزن واحد رو یاد بگیرید. ️ در چه شرایطی بهتره استفاده بشه؟ اگر داری روی چندین پروژه مرتبط کار می‌ ...

  • #monorepo
  • #nextjs
  • #typescript
  • #turborepo
  • #frontend
  • #webdev
  • #react
  • #devtools
  • #cicd
  • #shared_code

️ این یک الگوی آماده برای شروع سریع پروژه‌های Next.js است که تمام ابزارهای مدرن توسعه فرانت‌اند را در خود جای داده. کاربرد: این استارتر تمپلیت برای ساخت وب‌سایت‌های شخصی، وبلاگ، پورتفولیو، اسناد فنی یا صفحه محصول (Landing Page) مناسب است. با پشتیبانی از Nextra، می‌تونی به راحتی محتوای مبتنی بر مارک‌ ...

  • #Nextjs
  • #StarterTemplate
  • #BlogStarter
  • #TailwindCSS
  • #TypeScript
  • #ShadcnUI
  • #Nextra
  • #i18n
  • #DarkMode
  • #LandingPage

این یک الگوی آماده برای ساخت لیست انتظار (waitlist) با استفاده از فناوری‌های مدرن وب است. کاربرد: این پروژه به تو کمک می‌کنه تا به راحتی یک صفحه لیست انتظار برای محصول یا سرویس جدیدت بسازی، بدون نیاز به بک‌اند پیچیده. کاربران می‌تونن ایمیلشون رو ثبت کنن و تو اطلاعاتشون رو مدیریت کنی. در چه شرایطی به ...

  • #waitlist
  • #NextJS
  • #NotionCMS
  • #Redis
  • #Resend
  • #TypeScript
  • #SaaS
  • #StarterTemplate
  • #EmailMarketing
  • #WebDevelopment

این یک رابط کاربری وب کامل برای مدل‌های زبانی بزرگ (LLM) از طریق Ollama است که با Next.js ساخته شده. کاربرد: این پروژه به تو امکان می‌ده تا به راحتی با مدل‌های هوش مصنوعی مثل Llama، Mistral و دیگران تعامل داشته باشی، بدون نیاز به تنظیمات پیچیده. در چه شرایطی بهتره استفاده بشه؟ اگر دنبال یک رابط تمیز ...

  • #NextJS
  • #Ollama
  • #LLM
  • #AIInterface
  • #LocalAI
  • #WebUI
  • #ChatBot
  • #Mistral
  • #Llama
  • #DeveloperTools

این یک الگوی شروع سریع برای ساخت برنامه‌های وب مدرن با قابلیت احراز هویت است. با استفاده از Next.js، TypeScript، Tailwind CSS، Drizzle ORM، NextAuth و PostgreSQL ساخته شده و آمادهٔ استقرار روی Vercel است. کاربرد: این پروژه برای توسعه‌دهندگانی مناسب است که می‌خواهند یک برنامهٔ وب با قابلیت ورود و ثبت ...

  • #nextjs
  • #typescript
  • #tailwindcss
  • #drizzle
  • #nextauth
  • #postgresql
  • #vercel
  • #fullstack
  • #auth
  • #starter_template

این یک الگوی آماده برای ساخت داشبوردهای مدیریتی با فناوری‌های مدرن وب است. کاربرد: این پروژه به تو کمک می‌کنه تا یک داشبورد مدیریتی حرفه‌ای و واکنش‌گرا با قابلیت احراز هویت، مدیریت داده‌ها و رابط کاربری زیبا بسازی. در چه شرایطی بهتره استفاده بشه؟ اگر می‌خوای یک پروژه فول استک با Next.js، پایگاه داده ...

  • #admin_dashboard
  • #nextjs
  • #postgresql
  • #tailwindcss
  • #nextauth
  • #fullstack
  • #web_app
  • #react
  • #developer_tools
  • #saaS

این یک الگوی آماده فول‌استک است که توسعه‌دهندگان را از تنظیمات اولیه پروژه بی‌نیاز می‌کند. کاربرد: این پروژه برای شروع سریع یک برنامه مدرن فول‌استک با فناوری‌های محبوب و به‌روز طراحی شده. مناسب برای ساخت اپلیکیشن‌های وب با قابلیت مقیمان و مدیریت دیتابیس قوی است. در چه شرایطی بهتره استفاده بشه؟ وقتی ...

  • #fullstack
  • #boilerplate
  • #nextjs
  • #prisma
  • #docker
  • #typescript
  • #tailwindcss
  • #cicd
  • #jest
  • #cypress

این پروژه یک قالب آماده برای ساخت برنامه‌های وب پیش‌رونده (Progressive Web App) با استفاده از Next.js، TypeScript، GraphQL و PostgreSQL است. این ترکیب، توسعه‌ی سریع و مقیاس‌پذیر را برای برنامه‌های مدرن تحت وب فراهم می‌کند. کاربرد: این قالب برای ساخت برنامه‌های کامل استک (fullstack) مناسب است که نیاز ...

  • #Nextjs
  • #PWA
  • #GraphQL
  • #TypeScript
  • #PostgreSQL
  • #Serverless
  • #Apollo
  • #FullStack
  • #Boilerplate
  • #WebApp

کاربرد: این یک الگوی آماده برای فروشگاه‌های اینترنتی با Next.js 15 و Medusa V2 هست که عملکرد بالایی داره و به توسعه‌دهندگان کمک می‌کنه تا سریع یک فروشگاه مدرن و قدرتمند بسازن. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای یک فروشگاه اینترنتی با معماری headless بسازی و از قابلیت‌های مدرن React و Serve ...

  • #ecommerce
  • #nextjs
  • #medusa
  • #headless
  • #typescript
  • #react
  • #frontend
  • #starter
  • #webdev
  • #ecommercetemplate

این یک الگوی آماده برای ساخت وبسایت شخصی یا وبلاگ با فناوری‌های مدرن است. کاربرد: این پروژه به تو کمک می‌کنه تا یک وبلاگ شخصی حرفه‌ای و بهینه‌شده برای موتورهای جستجو (SEO) بسازی، بدون اینکه نیاز باشه از صفر شروع کنی. در چه شرایطی بهتره استفاده بشه؟ اگر می‌خوای یک وبلاگ تمیز، سریع و واکنش‌گرا داشته ب ...

  • #Nextjs
  • #TailwindCSS
  • #Contentlayer
  • #BlogTemplate
  • #SEO
  • #PersonalWebsite
  • #WebDevelopment
  • #React
  • #Frontend
  • #DeveloperTools

این یک کامپوننت نوار بار بالای صفحه برای Next.js است که با استفاده از کتابخانهٔ nprogress ساخته شده و به راحتی در پروژه‌های Next.js 15، Next.js 14 و همچنین React قابل استفاده است. کاربرد: این کامپوننت برای نمایش پیشرفت بارگذاری صفحه در برنامه‌های Single Page Application (SPA) طراحی شده. وقتی کاربر ب ...

  • #nextjs
  • #loadingbar
  • #nprogress
  • #react
  • #ux
  • #webdevelopment
  • #frontend
  • #toploader
  • #spaloading
  • #webux

این پروژه ترکیبی از Next.js، MaterialUI و styledcomponents است که به توسعه‌دهندگان کمک می‌کند تا با استفاده از قدرت هر سه فناوری، اپلیکیشن‌های وب واکنش‌گرا و زیبا طراحی کنند. کاربرد: این ترکیب برای ساخت اپلیکیشن‌های مدرن وب مناسب است که نیاز به رابط کاربری زیبا، پویایی بالا و عملکرد عالی دارند. Mate ...

  • #NextJS
  • #MaterialUI
  • #StyledComponents
  • #SSR
  • #React
  • #WebDevelopment
  • #UIUX
  • #Frontend
  • #ModernWeb
  • #DynamicStyling

این یک استارتر تمیز و سبک برای ساخت وب‌سایت‌های هِدلس با استفاده از Next.js و WordPress به عنوان منبع داده است. کاربرد: این پروژه به تو اجازه می‌ده تا از قدرت WordPress به عنوان یک سیستم مدیریت محتوا (CMS) استفاده کنی، در حالی که فرانت‌اند سایت رو با Next.js مدرن و سریع می‌سازی. در چه شرایطی بهتره ا ...

  • #headlessCMS
  • #NextJS
  • #WordPress
  • #WebDevelopment
  • #React
  • #Jamstack
  • #Frontend
  • #CMSIntegration
  • #ModernWeb
  • #DeveloperTools

این قالب یک صفحه لندینگ حرفه‌ای بر پایه Next.js و TailwindCSS است که برای پروژه‌های مدرن، به‌ویژه در حوزه‌های فناوری، استارتاپ‌ها و خدمات دیجیتال طراحی شده است. کاربرد: این تمplate برای ساخت سریع و زیبای صفحه‌های معرفی محصول، خدمات، یا پلتفرم‌های مبتنی بر وب، به‌ویژه در پروژه‌های وب۳ و فناوری‌های نو ...

  • #landingpage
  • #nextjs
  • #tailwindcss
  • #web3
  • #startup
  • #decentralized
  • #nft
  • #aiproject
  • #seo
  • #dapp

کاربرد: این پروژه یک تمپلیت آماده برای ساخت وبلاگ با قابلیت نوشتن مطالب به صورت MDX (ترکیب Markdown و JSX) هست که با Next.js، Tailwind CSS و TypeScript پیاده‌سازی شده. ️ ایده‌آل برای توسعه‌دهندگانی که می‌خوان وبلاگ شخصی یا تکنیکال داشته باشن و از قابلیت‌های مدرن فرانت‌اند استفاده کنن. در چه شرایطی ب ...

  • #nextjs
  • #mdx
  • #tailwindcss
  • #typescript
  • #blog_template
  • #react
  • #web_development
  • #developer_blog
  • #technical_writing
  • #static_site

این ابزار یک CLI است که به توسعه‌دهندگان کمک می‌کند تا برنامه‌های Next.js را برای اجرا روی Cloudflare Pages آماده کنند و توسعه دهند. ️ کاربرد: این ابزار امکان ساخت، تست و استقرار برنامه‌های Next.js روی Cloudflare Pages رو فراهم می‌کنه، بدون نیاز به تغییرات زیاد در کد. همچنین محیط توسعه محلی شبیه‌ساز ...

  • #nextjs
  • #cloudflare
  • #serverless
  • #webdevelopment
  • #jamstack
  • #pages
  • #developer
  • #tool
  • #cli
  • #cloudflarepages

این یک تمپلیت رایگان برای شروع سریع پروژه‌های Next.js با استفاده از TailwindCSS است. کاربرد: این تمپلیت به تو کمک می‌کنه بدون دردسر تنظیمات اولیه، مثل پیکربندی استایل، روتینگ و ساختار پروژه، کدنویسی رو شروع کنی. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای یک پروژه جدید Next.js رو سریع شروع کنی و نم ...

  • #Nextjs
  • #TailwindCSS
  • #StarterTemplate
  • #WebDevelopment
  • #Frontend
  • #OpenSource
  • #DeveloperTools
  • #React
  • #UIkit
  • #CodeEfficiency

کاربرد: این یک پخش‌کننده ویدیوی نیتیو برای اندروید است که به توسعه‌دهندگان اجازه می‌دهد ویدیوها را به راحتی در برنامه‌های اندرویدی خود پخش کنند. در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز داری یک پخش‌کننده ویدیوی سبک، سریع و بدون وابستگی‌های سنگین داشته باشی. مناسب پروژه‌هایی که به دنبال کنترل بیشتر ...

  • #video_player
  • #AndroidDev
  • #NativeApp
  • #OpenSource
  • #MobileDevelopment
  • #UI_Design
  • #LightweightApp
  • #Kotlin
  • #AnilBeesetti

کاربرد: این چارچوب یک سیستم هوش مصنوعی خوداصلاح‌کننده است که می‌تونه خودش رو در حین اجرا تغییر بده و بهبود بخونه. این ویژگی باعث میشه در محیط‌های پویا و غیرقابل پیش‌بینی عملکرد بهتری داشته باشه. در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز داری یک عامل هوش مصنوعی داشته باشی که بتونه بدون دخالت انسانی، ...

  • #SelfModifyingAI
  • #NextGenFramework
  • #AutonomousAgents
  • #AIRevolution
  • #FutureOfAI
  • #SmartSystems
  • #AdaptiveAI
  • #Nextpy
  • #DotAgent
  • #IntelligentAutomation

کاربرد: یک چارچوب ساده، قدرتمند و انعطاف‌پذیر برای ساخت سایت‌های استاتیک و دینامیک با قابلیت‌های عالی از Next.js، مناسب برای مستندات، وبلاگ‌ها و سایت‌های شخصی یا تیمی در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای یک سایت تمیز و حرفه‌ای با حداقل پیکربندی بسازی، به خصوص اگر از Next.js استفاده کنی و دوس ...

  • #static_site_generator
  • #NextJS
  • #Markdown
  • #documentation
  • #blog_framework
  • #open_source
  • #developer_tools
  • #web_development
  • #Nextra
  • #flexible_design

این پروژه یک نمایشگاه زنده از قابلیت‌های کامپوننت‌های سروری ری‌اکت در کنار فریم‌ورک نکست‌جی است. کاربرد: این پروژه به تو کمک می‌کنه بدون نیاز به ایمپورت مستقیم داده‌ها در کلاینت، کامپوننت‌هایی بنویسی که داده‌ها رو از سرور به صورت شفاف دریافت کنن. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای عملکرد ا ...

  • #NextJS
  • #ReactServerComponents
  • #SSR
  • #WebPerformance
  • #FullStackReact
  • #Vercel
  • #ServerComponents
  • #React2024
  • #EdgeRendering
  • #JAMstack

این ابزار چه کاری انجام میده؟ یک پوشش ریداکس برای فریم‌ورک Next.js هست که به تو امکان میده مدیریت حالت (state) رو در اپلیکیشن‌های Next.js به راحتی با Redux پیاده‌سازی کنی. کاربرد: این کتابخانه به تو کمک می‌کنه تا Redux رو به صورت صحیح و بدون مشکل در محیط سرور (SSR) و کلاینت با Next.js استفاده کنی. د ...

  • #nextjs
  • #redux
  • #ssr
  • #state_management
  • #react
  • #javascript
  • #web_development
  • #frontend
  • #wrapper
  • #kirill_konshin

این یک قالب آماده حرفه‌ای برای ساخت برنامه‌های وب با Next.js، TypeScript و میزبانی روی Vercel است. کامل، انعطاف‌پذیر و برای پروژه‌های تولیدی (ProductionGrade) طراحی شده — مناسب برای استارتاپ‌ها و تیم‌های توسعه. کاربرد: این پروژه به تو کمک می‌کنه بدون دردسر شروع کنی به ساخت یک اپ وب قدرتمند با تنظیما ...

کاربرد: این پروژه ترکیبی از Next.js و Electron است که به توسعه‌دهندگان اجازه می‌دهد تا با استفاده از فناوری‌های وب، برنامه‌های دسکتاپ قدرتمند بسازند این ابزار از SSR، SSG و مدیریت روتینگ هوشمند Next.js پشتیبانی می‌کند و آن را با Electron ادغام می‌کند تا اپلیکیشن‌های دسکتاپ چندسکویی ایجاد شوند در چه ...

  • #NextJS
  • #Electron
  • #DesktopApp
  • #React
  • #TypeScript
  • #WebTech
  • #HybridApp
  • #Nextron
  • #Frontend
  • #CrossPlatform

چه کاری انجام میده؟ این کتابخانه به شما امکان میده تا در پروژه‌های Next.js از مسیرهای پویا و انعطاف‌پذیر استفاده کنید، بدون نیاز به ساختار پیش‌فرض فایل‌سیستم. کاربرد: با استفاده از این ابزار، می‌تونی مسیرهای دلخواه مثل /users/123/profile رو به راحتی تعریف کنی، بدون اینکه مجبور باشی فایل‌های زیادی در ...

  • #dynamic_routes
  • #NextJS
  • #web_development
  • #custom_routing
  • #frontend
  • #React
  • #universal_routes
  • #developer_tools
  • #SEO_friendly
  • #scalable_apps

این یک الگوی رایگان و واکنش‌گرا از صفحه لندینگ برای محصولات SaaS با استفاده از Next.js و معماری JAMStack است. کاربرد: این پروژه به تو کمک می‌کنه تا به سرعت یک صفحه لندینگ حرفه‌ای برای محصولات نرم‌افزاری خودت بسازی، بدون نیاز به طراحی از صفر. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای یک صفحه معرفی ...

  • #nextjs
  • #saas_template
  • #jamstack
  • #tailwindcss
  • #landing_page
  • #web_development
  • #open_source
  • #react
  • #frontend
  • #blazity

این یک استارتر فول استک برای ساخت سرویس‌های SaaS با قابلیت‌های پیشرفته است. کاربرد: این پروژه به تو کمک می‌کنه تا یک پلتفرم اشتراکی (SaaS) رو بدون شروع از صفر بسازی. دارای سیستم احراز هویت، مدیریت نقش کاربران، پنل ادمین و ادغام با استرایپ برای مدیریت پرداخت و اشتراک. در چه شرایطی بهتره استفاده بشه؟ ...

  • #SaaS
  • #NextJS
  • #Stripe
  • #Prisma
  • #AuthJS
  • #TypeScript
  • #ServerActions
  • #AdminPanel
  • #OpenSource
  • #WebDev

کاربرد: این ابزار به شما کمک می‌کنه تا Server Actions در پروژه‌های Next.js را به صورت کاملاً تایپ‌سیف و معتبرسازی شده پیاده‌سازی کنید. با استفاده از آن، دیگر نیازی به نوشتن کدهای تکراری برای اعتبارسنجی ورودی‌ها یا مدیریت خطاها نیست. در چه شرایطی بهتره استفاده بشه؟ وقتی در حال ساخت یک اپلیکیشن Next.j ...

  • #nextjs
  • #serveractions
  • #typesafety
  • #validation
  • #websecurity
  • #typescript
  • #backend
  • #frontend
  • #safeactions
  • #webdev

این ابزار یک جعبه ابزار کامل برای اتصال و کار با Sanity در پروژه‌های Next.js است. ️ کاربرد: این کتابخانه به تو کمک می‌کنه به راحتی داده‌های ذخیره‌شده در Sanity CMS رو در اپلیکیشن Next.js خودت نمایش بدی، مدیریت کنی و بهینه‌سازی کنی. در چه شرایطی بهتره استفاده بشه؟ وقتی از Sanity به عنوان یک headless ...

  • #nextjs
  • #sanity
  • #headlessCMS
  • #javascript
  • #react
  • #webdevelopment
  • #SSR
  • #SSG
  • #realtime
  • #contentmanagement

چه کاری انجام میده؟ این پلاگین به شما کمک میکنه تا مدیریت سئو در پروژه‌های Next.js رو به راحتی انجام بدید. با استفاده از این ابزار، تنظیم متا تگ‌ها، تایتل صفحات، Open Graph و سایر بخش‌های مهم سئو بسیار ساده‌تر میشه. در چه شرایطی بهتره استفاده بشه؟ اگر داری یک پروژه Next.js می‌سازی و می‌خوای سایتت در ...

  • #nextjs
  • #seo
  • #react
  • #webdevelopment
  • #frontend
  • #javascript
  • #ssr
  • #metatags
  • #opengraph
  • #garmeeh_nextseo

کاربرد: این پروژه یک استارتر تمپلیت برای ساخت داشبوردهای مدیریتی با استفاده از Next.js 15 و کتابخانه shadcn/ui است. ️ ایده‌آل برای شروع سریع یک پروژه مدیریتی با قابلیت‌های مدرن، تمیز و واکنش‌گرا. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای یک داشبورد مدیریت حرفه‌ای بسازی و نمی‌خوای از صفر شروع کنی. ...

  • #admin_dashboard
  • #nextjs15
  • #shadcn_ui
  • #dashboard_starter
  • #web_development
  • #react_dashboard
  • #starter_template
  • #modern_ui

این ابزار به تو کمک می‌کنه که کش‌های اشتراکی رو در محیط‌های سلفهاست برای پروژه‌های Next.js مدیریت کنی. این یعنی بدون نیاز به سرویس‌های خارجی، می‌تونی عملکرد اپلیکیشن‌هات رو با کش‌های بهینه بهبود بدی. کاربرد: این ابزار برای به اشتراک گذاشتن داده‌های کش بین چندین نمونه از یک اپلیکیشن Next.js طراحی شده ...

  • #nextjs
  • #caching
  • #self_hosting
  • #performance
  • #web_development
  • #shared_cache
  • #nodejs
  • #scalability
  • #devops
  • #fullstack

این یک استارتر کیت برای ساخت فروشگاه‌های اینترنتی با Next.js، Tailwind CSS و Shopify است. ️ کاربرد: این پروژه به تو کمک می‌کنه تا یک فروشگاه مدرن و سریع با فناوری‌های مدرن وب بسازی. از Shopify به عنوان بک‌اند فروشگاهی و از Next.js برای رندرینگ سریع و بهینه استفاده می‌شه. در چه شرایطی بهتره استفاده ب ...

  • #nextjs
  • #tailwindcss
  • #shopify
  • #ecommerce
  • #starterkit
  • #webdevelopment
  • #react
  • #ssr
  • #headlesscommerce
  • #frontend

این یک فروشگاه اینترنتی مدرن و سریع است که با فناوری‌های پیشرفته ساخته شده. ️ کاربرد: این پروژه به تو کمک می‌کنه تا یک فروشگاه آنلاین با ظاهر زیبا و عملکرد عالی بسازی. از GraphQL برای ارتباط با Shopify استفاده می‌کنه و تمام قابلیت‌های یک سبد خرید مدرن مثل نمایش محصولات، جزئیات کالا و مدیریت سبد رو د ...

  • #nextjs
  • #shopify
  • #typescript
  • #tailwindcss
  • #graphql
  • #headlessui
  • #reactjs
  • #ecommerce
  • #hydrogen
  • #webdev

کاربرد: این ابزار به تو کمک می‌کنه تا به راحتی فایل sitemap.xml و robots.txt رو برای پروژه‌های Next.js تولید کنی، چه صفحات استاتیک داشته باشی، چه صفحات پویا یا سرورساید. در چه شرایطی بهتره استفاده بشه؟ اگر یک سایت Next.js داری و می‌خوای سئوی بهتری داشته باشی، این ابزار عالیه. به خصوص وقتی سایتت ترکی ...

  • #nextjs
  • #sitemap
  • #seo
  • #robots_txt
  • #ssg
  • #ssr
  • #dynamic_routes
  • #web_development
  • #javascript
  • #tooling

این یک الگوی رایگان صفحهٔ اول (Landing Page) مبتنی بر Next.js است که برای محصولات SaaS، خدمات آنلاین و پروژه‌های مشابه طراحی شده. کاربرد: این تمپلیت به تو کمک می‌کنه تا در کمتر از چند دقیقه یک صفحهٔ حرفه‌ای و واکنش‌گرا برای معرفی محصول یا سرویس خود بسازی. شامل بخش‌هایی مثل هدر، فوتر، قسمت ویژگی‌ها، ...

  • #NextJS
  • #LandingPage
  • #SaaS
  • #FreeTemplate
  • #WebDevelopment
  • #React
  • #Frontend
  • #StarterKit
  • #OpenSource
  • #DeveloperTools

این یک الگوی آماده برای شروع پروژه‌های Next.js است که تمام ابزارهای ضروری را از پیش پیکربندی شده دارد. کاربرد: این استارتر به تو کمک می‌کنه بدون دردسر تنظیمات اولیه، سریع شروع به کدنویسی کنی. مناسب برای ساخت وب‌سایت‌های مدرن، اپلیکیشن‌های تک صفحه‌ای و پلتفرم‌های تعاملی. در چه شرایطی بهتره استفاده بش ...

  • #NextJS
  • #TypeScript
  • #TailwindCSS
  • #StarterTemplate
  • #WebDevelopment
  • #Stripe
  • #NextAuth
  • #ESLint
  • #React
  • #TestingTools

این یک تمپلیت آماده از Next.js 13 است که به تو کمک می‌کنه با استفاده از Radix UI و Tailwind CSS به راحتی اپلیکیشن‌های مدرن و واکنش‌گرا بسازی. کاربرد: این تمپلیت برای توسعه‌دهندگانی مناسب است که می‌خوان یک پروژه مدرن با بهترین روش‌های طراحی و کدنویسی شروع کنن. این قالب از App Router، Server Component ...

  • #nextjs
  • #tailwindcss
  • #radixui
  • #webdevelopment
  • #react
  • #shadcn
  • #uiux
  • #frontend
  • #typescript
  • #approuter

چه کاری انجام میده؟ این یک سیستم نظارتی تعاملی ساده، امن و کاربرپسند هست که از پروتکل‌های مختلف دسترسی از راه دور مثل RDP، SSH، VNC، Telnet و HTTP پشتیبانی می‌کنه. ️ کاربرد: برای مدیریت و نظارت بر دسترسی به سرورها و دستگاه‌های شبکه‌ای استفاده میشه، به‌طوری که تمام فعالیت‌ها ضبط و قابل رهگیری هستن. د ...

  • #RemoteAccess
  • #AuditSystem
  • #NetworkSecurity
  • #SSH
  • #RDP
  • #VNC
  • #SecureLogin
  • #NextTerminal
  • #DevOpsTools
  • #ITManagement

چطور می‌تونی از تم تاریک در Next.js به راحتی استفاده کنی؟ این کتابخونه بهت اجازه می‌ده تنها با دو خط کد، تم تاریک رو به برنامه‌ات اضافه کنی، بدون هیچ نوع "فلاش" ناخواسته هنگام تغییر تم. کاربرد: این ابزار برای افزودن پشتیبانی از تم‌های مختلف (مثل روشن، تاریک یا سیستم) در برنامه‌های Next.js طراحی شده. ...

کاربرد: این پلاگین به تو امکان میده تا به راحتی قابلیت چندزبانه بودن رو به پروژه‌های Next.js اضافه کنی. با استفاده از این ابزار، می‌تونی ترجمه‌های صفحات رو مدیریت کنی و به صورت داینامیک متن‌های چندزبانه نمایش بدی. در چه شرایطی بهتره استفاده بشه؟ اگر داری یک وبسایت بین‌المللی می‌سازی و می‌خوای محتوای ...

  • #nextjs
  • #i18n
  • #translation
  • #multilingual
  • #webdevelopment
  • #react
  • #localization
  • #frontend
  • #javascript
  • #next_translate

ویدیو رو به راحتی به برنامه‌های Next.js اضافه کن! این کتابخونه ساده‌ترین راه برای استفاده از ویدیو در Next.js هست. کاربرد: این ابزار بهت کمک می‌کنه بدون دردسر، ویدیو رو در وبسایت‌های Next.js توسعه بدی. از آپلود گرفته تا پخش و مدیریت ویدیو رو به صورت یکپارچه فراهم می‌کنه. در چه شرایطی بهتره استفاده ب ...

  • #video_integration
  • #NextJS
  • #Mux
  • #streaming
  • #web_development
  • #developer_tools
  • #media_management
  • #user_experience
  • #content_delivery
  • #video_player

این پروژه یک لودر برای استفاده از Linaria در کنار Next.js فراهم می‌کند. Linaria یک کتابخانه برای نوشتن استایل‌های استاتیک در جاوااسکریپت است که استایل‌ها را در زمان بیلد تولید می‌کند و فایل‌های CSS جداگانه ایجاد می‌کند. کاربرد: این ابزار به شما امکان می‌دهد بدون نیاز به تنظیمات پیچیده، از Linaria در ...

  • #NextJS
  • #Linaria
  • #CSSInJS
  • #StaticStyles
  • #ReactStyling
  • #WebPerformance
  • #SSR
  • #SSG
  • #Frontend
  • #StyledComponents