使用 Next.js TypeScript、Prisma 和 Next-Auth 的休閒服飾應用

首頁 > 程式設計 > 使用 Next.js TypeScript、Prisma 和 Next-Auth 的休閒服飾應用

使用 Next.js TypeScript、Prisma 和 Next-Auth 的休閒服飾應用

發佈於2024-11-04

休閒服飾應用

使用 Next.js 14、Tailwind CSS、TypeScript 和 Prisma 的休閒服裝應用程式。包括用戶註冊、產品過濾和購物車管理。對開發過程中的所有貢獻開放。

Casual Clothes App Using Next.js TypeScript, Prisma & Next-Auth

入門

克隆儲存庫： git clone https://github.com/saidMounaim/casualclothes.git
安裝依賴項：npm install
在根目錄建立.env檔並加入以下內容

POSTGRES_URL=""
POSTGRES_PRISMA_URL=""
POSTGRES_USER=""
POSTGRES_HOST=""
POSTGRES_PASSWORD=""
POSTGRES_DATABASE=""

NEXTAUTH_SECRET=""

啟動開發伺服器：npm run dev

內建

Next.js 14
TailwindCSS
TypeScript
Shadcn/ui
NextAuth.js
祖斯坦

貢獻

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

版本聲明本文轉載於：https://dev.to/devtips3/casual-clothes-app-using-nextjs-14-typescript-prisma-next-auth-3p95?1如有侵犯，請聯絡[email protected]刪除

最新教學更多>

如何使用Python理解有效地創建字典？
在python中，詞典綜合提供了一種生成新詞典的簡潔方法。儘管它們與列表綜合相似，但存在一些顯著差異。與問題所暗示的不同，您無法為鑰匙創建字典理解。您必須明確指定鍵和值。 For example:d = {n: n**2 for n in range(5)}This creates a dict...

程式設計發佈於2025-06-14
如何簡化PHP中的JSON解析以獲取多維陣列？
php 試圖在PHP中解析JSON數據的JSON可能具有挑戰性，尤其是在處理多維數組時。 To simplify the process, it's recommended to parse the JSON as an array rather than an object.To do...

程式設計發佈於2025-06-14
如何從Python中的字符串中刪除表情符號：固定常見錯誤的初學者指南？
從python import codecs import codecs import codecs 導入 text = codecs.decode（'這狗\ u0001f602'.encode（'utf-8'），'utf-8'）印刷（文字）＃帶有...

程式設計發佈於2025-06-14
為什麼使用固定定位時，為什麼具有100％網格板柱的網格超越身體？
網格超過身體，用100％grid-template-columns 為什麼在grid-template-colms中具有100％的顯示器，當位置設置為設置的位置時，grid-template-colly修復了？問題：考慮以下CSS和html： class =“ snippet-code”> ...

程式設計發佈於2025-06-14
如何有效地轉換PHP中的時區？
在PHP 利用dateTime對象和functions DateTime對象及其相應的功能別名為時區轉換提供方便的方法。例如： //定義用戶的時區 date_default_timezone_set（'歐洲/倫敦'）; //創建DateTime對象 $ dateTime = ne...

程式設計發佈於2025-06-14
$解決MySQL插入Emoji時出現的\\"字符串值錯誤\\"異常$
解決MySQL插入Emoji時出現的\\"字符串值錯誤\\"異常
Resolving Incorrect String Value Exception When Inserting EmojiWhen attempting to insert a string containing emoji characters into a MySQL database us...

程式設計發佈於2025-06-14
如何使用PHP將斑點（圖像）正確插入MySQL？
essue VALUES('$this->image_id','file_get_contents($tmp_image)')";This code builds a string in PHP, but the function call fil...

程式設計發佈於2025-06-14
$找到最大計數時，如何解決mySQL中的“組函數\”錯誤的“無效使用”？$
找到最大計數時，如何解決mySQL中的“組函數\”錯誤的“無效使用”？
如何在mySQL中使用mySql 檢索最大計數，您可能會遇到一個問題，您可能會在嘗試使用以下命令：理解錯誤正確找到由名稱列分組的值的最大計數，請使用以下修改後的查詢：計數（*）為c 來自EMP1 按名稱組 c desc訂購限制1 查詢說明 select語句提取名稱列和每個名稱...

程式設計發佈於2025-06-14
在細胞編輯後，如何維護自定義的JTable細胞渲染？
在JTable中維護jtable單元格渲染後，在JTable中，在JTable中實現自定義單元格渲染和編輯功能可以增強用戶體驗。但是，至關重要的是要確保即使在編輯操作後也保留所需的格式。在設置用於格式化“價格”列的“價格”列，用戶遇到的數字格式丟失的“價格”列的“價格”之後，問題在設置自定義單元...

程式設計發佈於2025-06-14
Go web應用何時關閉數據庫連接？
在GO Web Applications中管理數據庫連接很少，考慮以下簡化的web應用程序代碼：出現的問題：何時應在DB連接上調用Close（）方法？，該特定方案將自動關閉程序時，該程序將在EXITS EXITS EXITS出現時自動關閉。但是，其他考慮因素可能保證手動處理。選項1：隱式關閉終...

程式設計發佈於2025-06-14
為什麼使用Firefox後退按鈕時JavaScript執行停止？
導航歷史記錄問題：JavaScript使用Firefox Back Back 此行為是由瀏覽器緩存JavaScript資源引起的。要解決此問題並確保在後續頁面訪問中執行腳本，Firefox用戶應設置一個空功能。警報'）; }; alert（'inline Alert'）...

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

程式設計發佈於2025-06-14
Java中假喚醒真的會發生嗎？
在Java中的浪費喚醒：真實性或神話？在Java同步中偽裝喚醒的概念已經是討論的主題。儘管存在這種行為的潛力，但問題仍然存在：它們實際上是在實踐中發生的嗎？ Linux的喚醒機制根據Wikipedia關於偽造喚醒的文章，linux實現了pthread_cond_wait（）功能的Linux實現，...

程式設計發佈於2025-06-14
為什麼HTML無法打印頁碼及解決方案
無法在html頁面上打印頁碼？ @page規則在@Media內部和外部都無濟於事。 HTML:Customization:@page { margin: 10%; @top-center { font-family: sans-serif; font-weight: ...

程式設計發佈於2025-06-14
為什麼儘管有效代碼，為什麼在PHP中捕獲輸入？
在php ;?>" method="post">The intention is to capture the input from the text box and display it when the submit button is clicked.但是，輸出...

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