使用 NestJS、Next.js Tailwind CSS、Prisma 和 NextAuth 的 Marketplace 應用程式

首頁 > 程式設計 > 使用 NestJS、Next.js Tailwind CSS、Prisma 和 NextAuth 的 Marketplace 應用程式

使用 NestJS、Next.js Tailwind CSS、Prisma 和 NextAuth 的 Marketplace 應用程式

發佈於2024-11-04

市場應用程式

使用 NestJS、Next.js 14、Tailwind CSS、Prisma 和 NextAuth 的 Marketplace 應用程式。功能包括用戶註冊、登入、瀏覽廣告、新增和刪除廣告以及過濾選項。對開發過程中的所有貢獻開放。

Marketplace app using NestJS, Next.js Tailwind CSS, Prisma, and NextAuth

入門

複製儲存庫： git clone https://github.com/saidMounaim/marketplace.git
安裝依賴項：

對於前端：

cd frontend
npm install

對於後端：

cd backend
npm install

為每個資料夾建立一個.env檔案：

前端（.env）：

API_URL=""
AUTH_SECRET=""

後端（.env）：

DATABASE_URL=""
CLD_CLOUD_NAME=""
CLD_API_KEY=""
CLD_API_SECRET=""
JWT_SECRET=""

啟動開發伺服器：

對於前端：

npm run dev

對於後端：

npm run start:dev

內建

Next.js 14
NestJs
TailwindCSS
TypeScript
Shadcn/ui
NextAuth.js

貢獻

歡迎各種貢獻，請隨時提交拉取請求。

版本聲明本文轉載於：https://dev.to/saidmou/marketplace-app-using-nestjs-nextjs-14-tailwind-css-prisma-and-nextauth-44am?1如有侵犯，請聯絡[email protected]刪除

最新教學更多>

為什麼PYTZ最初顯示出意外的時區偏移？
與pytz 最初從pytz獲得特定的偏移。例如，亞洲/hong_kong最初顯示一個七個小時37分鐘的偏移：差異源利用本地化將時區分配給日期，使用了適當的時區名稱和偏移量。但是，直接使用DateTime構造器分配時區不允許進行正確的調整。 example pytz.timezone（&#...

程式設計發佈於2025-06-09
在Python中如何創建動態變量？
在Python 中，動態創建變量的功能可以是一種強大的工具，尤其是在使用複雜的數據結構或算法時，Dynamic Variable Creation的動態變量創建。 Python提供了幾種創造性的方法來實現這一目標。利用dictionaries 一種有效的方法是利用字典。字典允許您動態創建密鑰並...

程式設計發佈於2025-06-09
如何限制動態大小的父元素中元素的滾動範圍？
在交互式接口中實現垂直滾動元素的CSS高度限制，控制元素的滾動行為對於確保用戶體驗和可訪問性是必不可少的。一種這樣的方案涉及限制動態大小的父元素中元素的滾動範圍。問題：考慮一個佈局，其中我們具有與用戶垂直滾動一起移動的可滾動地圖div，同時與固定的固定sidebar保持一致。但是，地圖的滾動無限...

程式設計發佈於2025-06-09
在Java中使用for-to-loop和迭代器進行收集遍歷之間是否存在性能差異？
For Each Loop vs. Iterator: Efficiency in Collection TraversalIntroductionWhen traversing a collection in Java, the choice arises between using a for-...

程式設計發佈於2025-06-09
您如何在Laravel Blade模板中定義變量？
在Laravel Blade模板中使用Elegance 在blade模板中如何分配變量對於存儲以後使用的數據至關重要。在使用“ {{}}”分配變量的同時，它可能並不總是最優雅的解決方案。幸運的是，Blade通過@php Directive提供了更優雅的方法： $ old_section =...

程式設計發佈於2025-06-09
如何同步迭代並從PHP中的兩個等級陣列打印值？
同步的迭代和打印值來自相同大小的兩個數組使用兩個數組相等大小的selectbox時，一個包含country代碼的數組，另一個包含鄉村代碼，另一個包含其相應名稱的數組，可能會因不當提供了exply for for for the uncore for the forsion for for ytry...

程式設計發佈於2025-06-09
圖片在Chrome中為何仍有邊框？ `border: none;`無效解決方案
在chrome 在使用Chrome and IE9中的圖像時遇到的一個頻繁的問題是圍繞圖像的持續薄薄邊框，儘管指定了圖像，儘管指定了;和“邊境：無；”在CSS中。要解決此問題，請考慮以下方法： Chrome具有忽略“ border：none; none;”的已知錯誤，風格。要解決此問題，請使用以下...

程式設計發佈於2025-06-09
如何使用PHP從XML文件中有效地檢索屬性值？
從php $xml = simplexml_load_file($file); foreach ($xml->Var[0]->attributes() as $attributeName => $attributeValue) { echo $attributeName,...

程式設計發佈於2025-06-09
Python中嵌套函數與閉包的區別是什麼
嵌套函數與python 在python中的嵌套函數不被考慮閉合，因為它們不符合以下要求：不訪問局部範圍scliables to incling scliables在封裝範圍外執行範圍的局部範圍。 make_printer（msg）： DEF打印機（）：打印（味精） ...

程式設計發佈於2025-06-09
為什麼Microsoft Visual C ++無法正確實現兩台模板的實例？
The Mystery of "Broken" Two-Phase Template Instantiation in Microsoft Visual C Problem Statement:Users commonly express concerns that Micro...

程式設計發佈於2025-06-09
如何使用不同數量列的聯合數據庫表？
合併列數不同的表當嘗試合併列數不同的數據庫表時，可能會遇到挑戰。一種直接的方法是在列數較少的表中，為缺失的列追加空值。例如，考慮兩個表，表 A 和表 B，其中表 A 的列數多於表 B。為了合併這些表，同時處理表 B 中缺失的列，請按照以下步驟操作：確定表 B 中缺失的列，並將它們添加到表的...

程式設計發佈於2025-06-09
CSS可以根據任何屬性值來定位HTML元素嗎？
靶向html元素，在CSS 中使用任何屬性值，在CSS中，可以基於特定屬性（如下所示）基於特定屬性的基於特定屬性的emants目標元素：字體家庭：康斯拉斯（Consolas）； } 但是，出現一個常見的問題：元素可以根據任何屬性值而定位嗎？本文探討了此主題。的目標元素有任何任何屬性值，...

程式設計發佈於2025-06-09
使用jQuery如何有效修改":after"偽元素的CSS屬性？
在jquery中了解偽元素的限制：訪問“ selector 嘗試修改“：”選擇器的CSS屬性時，您可能會遇到困難。 This is because pseudo-elements are not part of the DOM (Document Object Model) and are th...

程式設計發佈於2025-06-09
如何在鼠標單擊時編程選擇DIV中的所有文本？
在鼠標上選擇div文本單擊單擊單個鼠標單擊單擊單擊？這允許用戶輕鬆拖放所選的文本或直接複製它。在單個鼠標上單擊的div元素中選擇文本，您可以使用以下Javascript函數： function selecttext（canduterid）{ if（document.Selection）...

程式設計發佈於2025-06-09
如何使用Regex在PHP中有效地提取括號內的文本
php：在括號內提取文本在處理括號內的文本時，找到最有效的解決方案是必不可少的。一種方法是利用PHP的字符串操作函數，如下所示：作為替代 $ text ='忽略除此之外的一切（text）'; preg_match（'＃（（。 &&& [Regex使用模式來搜索特...

程式設計發佈於2025-06-09