使用 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]刪除

最新教學更多>

Bootstrap 4 Beta 中的列偏移發生了什麼事？
Bootstrap 4 Beta：列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而，隨著 Beta 2 的後續發布，這些變化已經逆轉。從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中， offset-md-*...

程式設計發佈於2024-11-16
PHP如何將變數轉換為字串？
PHP中的字串轉換Java和.NET程式設計師可能習慣toString()方法，它提供了一種便捷的轉換方式任何物件到字串表示形式。 PHP 透過轉換運算子提供類似的功能。 PHP 的轉換運算子要將 PHP 變數轉換為字串，可以使用 (string) 轉換運算子。此語法允許您將任何類型的變數明確轉換為...

程式設計發佈於2024-11-16
如何修復「無法將 MySQL 日期/時間值轉換為 System.DateTime」錯誤？
了解「無法將MySQL 日期/時間值轉換為System.DateTime」錯誤從MySQL 資料庫檢索資料有時會導致錯誤「無法將MySQL 日期/時間值轉換為System.DateTime」。當從資料庫檢索的資料的 DbType 與 .NET 資料類型的對應屬性不相容時，就會發生這種情況。修正轉換...

程式設計發佈於2024-11-16
如何使用 PDO 準備語句將多行插入資料庫？
使用PDO 準備好的語句插入多行使用單一準備好的語句將多行插入資料庫不僅是可能的，而且推薦用於使用單一插入查詢的方法第一種方法涉及使用具有多個值的單一INSERT 查詢：INSERT INTO Table (col1, col2, col3) VALUES ('abc', 'def', 'ghi'...

程式設計發佈於2024-11-16
Java中如何計算兩個日期之間的天數？
在Java 中計算兩個日期之間的天數在Java 程式語言中，計算兩個日期之間的天數可以很簡單任務。但是，當日期儲存為字串時，需要仔細轉換才能準確處理它們。將字串日期轉換為日期物件要有效地處理日期，您可以將它們從字串轉換為 Date 或 LocalDate 類型。 Java 提供了各種類別和方法來促...

程式設計發佈於2024-11-16
如何使用“...”標記在 C++ 可變參數模板中打包和解包參數？
可變參數範本中「...」標記的語法規則在C 中，可變參數範本可以建構接受參數數量可變。「...」標記在此上下文中起著至關重要的作用，充當參數包或參數解包器。省略號放置的語法規則The “...”標記的位置決定了其功能：Pack ：當它出現在名稱的左邊時，「...」表示參數套件: ...thin...

程式設計發佈於2024-11-16
如何有效地從 JavaScript 中的另一個陣列中存在的陣列中刪除元素？
高效刪除與另一個陣列相符的陣列元素在JavaScript 中，可能需要刪除一個陣列中存在於另一個陣列中的元素。這可以有效地實現，而無需借助循環和拼接。 jQuery 方法使用jQuery，可以利用grep() 和inArray() 函數：myArray = $.grep(myArray, funct...

程式設計發佈於2024-11-16
很棒的免費 Tailwind 登陸頁面模板
幾個月前，我開源了一個 tailwind 登陸頁面模板列表，從那時起它就變得越來越流行，所以這裡是存儲庫中的一些頂級 tailwind 登陸頁面。你在 Github 上查看它們並複製資料夾從Github獲取⭐️ 或您也可以從網頁目錄下載從網路下載 1.Pixa AI - Pi...

程式設計發佈於2024-11-16
如何修復 MySQL 中的「鎖定等待超時超出」錯誤：解鎖卡住的表
解鎖「卡住」的MySQL 表：解決「Lock Wait Timeout Exceeded」問題當遇到「Lock wait timeout Exceeded; try restarted」時在MySQL 中使用InnoDB 表時出現「事務」錯誤，很可能事務已被卡住。以下是修復表並解決卡住事務的方法：1...

程式設計發佈於2024-11-16
如何修復 Mac OS X 上 Python 2.7 的 OpenSSL 相容性問題？
Mac OS X 上 Python 2.7 中的 OpenSSL 相容性問題排查Python 利用 OpenSSL 進行安全通訊。 Python 使用的 OpenSSL 版本可能因係統配置而異。當遇到終端機和 Python 使用的 OpenSSL 版本不一致時，例如昇級 OpenSSL 而沒有看到 ...

程式設計發佈於2024-11-16
如何在 Chrome 擴充功能的 CSS 中載入本機圖片？
Google Chrome 擴充功能中的本地圖像載入問題排查儘管在Chrome 擴充功能中合併了本地圖像，但用戶在使用CSS 顯示它們時遇到了困難。這個問題需要解決。核心問題在於 Chrome 的 i18n 支持，它允許 CSS 引用擴展資源。要解決此問題，請考慮以下方法：將映像放置在擴充功能內的...

程式設計發佈於2024-11-16
如何計算MySQL中參與調查的員工百分比？
在MySQL 中計算百分比在包含員工和調查資料的MySQL 資料庫中，使用者試圖計算參與調查的員工百分比是基於記錄的調查數量的調查。原始查詢嘗試使用以下語句得出百分比：SELECT group_name, employees, surveys, COUNT( surveys ) A...

程式設計發佈於2024-11-16
如何以特定使用者身分從 PHP 控制 Rhythmbox 播放？
以特定使用者身分從PHP 控制Rhythmbox 播放以www 使用者身分執行PHP 腳本時，控制Rhythmbox 等外部應用程式可能會遇到存取權限限制。當腳本嘗試操作應用程序，但應用程式本身與不同的使用者（例如您自己的使用者）關聯時，就會出現此問題。為了解決此問題，可以使用多種方法。一種有效的...

程式設計發佈於2024-11-16
如何在 PHP 中組合兩個關聯數組，同時保留唯一 ID 並處理重複名稱？
在 PHP 中組合關聯數組在 PHP 中，將兩個關聯數組組合成一個數組是常見任務。考慮以下請求：問題描述：提供的代碼定義了兩個關聯數組，$array1和$array2。目標是建立一個新陣列 $array3，它合併兩個陣列中的所有鍵值對。此外，提供的陣列具有唯一的 ID，而名稱可能重疊。要求是建構一...

程式設計發佈於2024-11-16
如何在 Android 中建立具有自訂行項目和動態變更文字的 ListView？
在 Android 中自訂 ListView 行項目目前的任務涉及建立一個 ListView，其中的行顯示標題，然後更改文字。為此，請按照下列步驟操作：行項目的自訂佈局：在您的文件中建立名為“row.xml”的自訂行佈局佈局資料夾：<?xml version="1.0" e...

程式設計發佈於2024-11-16