Next.js + MongoDB + Tailwind + TypeScript 템플릿을 만들었습니다. 사용 방법과 가이드를 살펴보세요.
Next.js + MongoDB + Tailwind + TypeScript 템플릿
Next.js + MongoDB + Tailwind + TypeScript template 📄
🤔💭 이 템플릿을 만든 이유
사실 저는 프로젝트 구성을 반복해서 수행하는 것을 좋아하지 않습니다. 이로 인해 나가서 템플릿을 찾게 되었고 공식적으로 MongoDB에서 가져온 템플릿을 얻었습니다.
template
에서 MongoDB
왜 내가 그것을 사용하지 않는거야?
Next.js
+ MongoDB용으로 구성된 템플릿그러나
TypeScript
및 Tailwind
에는 해당되지 않습니다.그런 다음 내가 얻은 것과 💡 직접 만들기 위해 템플릿을 만드는 방법을 모릅니다.
하지만 하나 감사합니다
Github
.📝 사용 방법 ?.
npx create-next-app -e https://github.com/theabhayprajapati/Next.js-TailwindCSS-MongoDB-TS with-mongo-tail-app
폴더 구조 🗿
lib 폴더에 주의하십시오
Lib
.포함
MongoDB.ts
👷🏾♂️ MongoDB.ts는 무엇을 하나요?
이 파일의 주요 기능은 MongoDB URL을 가져오고 MongoDB 액세스가 필요한 모든 곳에서 사용할 수 있는 기능을 만드는 것입니다.
그러나 대부분의 경우 만질 필요가 없습니다. 귀하를 위해 🧑🏾💻 구성되었습니다.
그것을 활용하기 위해 😜 수행해야 하는 것들.
env.local.example
으로 이동하여 MongoDB_URI를 추가합니다. MongoDB에서 쉽게 얻을 수 있습니다.npm run dev
를 실행하여 작동하는지 확인해야 합니다. env.local.example
을 env.local콩고 🎊, 작동합니다.
이제 Next.js에서 MongoDB로 쉽게 작업할 수 있습니다.
문제나 제안 사항이 있습니까?
🤝🏾연결:
트위터: 🕊️
Github: 🐧
@theabhayprajapati
링크드인: 📌
유튜브: 📺
Reference
이 문제에 관하여(Next.js + MongoDB + Tailwind + TypeScript 템플릿을 만들었습니다. 사용 방법과 가이드를 살펴보세요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/theabhayprajapati/i-have-build-a-nextjs-mongodb-tailwind-typescript-template-have-a-look-and-guide-for-using-it-8ce텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)