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에서 쉽게 얻을 수 있습니다.
  • MongoDB_URI를 추가한 후 npm run dev를 실행하여 작동하는지 확인해야 합니다.
  • 파일 이름 env.local.example 을 env.local
  • 로 변경



    콩고 🎊, 작동합니다.



    이제 Next.js에서 MongoDB로 쉽게 작업할 수 있습니다.

    문제나 제안 사항이 있습니까?
    🤝🏾연결:
    트위터: 🕊️
    Github: 🐧 @theabhayprajapati
    링크드인: 📌
    유튜브: 📺

    좋은 웹페이지 즐겨찾기