Coder Social home page Coder Social logo

bysxx / next14-ts-template-fullstack Goto Github PK

View Code? Open in Web Editor NEW
53.0 53.0 4.0 101.86 MB

⚡ Fullstack Next.js 14 + TypeScript + MongoDB Template (with SEO)

Home Page: https://next-ts-template-fullstack.vercel.app/

License: MIT License

TypeScript 92.08% JavaScript 6.66% CSS 1.25%
boilerplate fullstack jest lighthouse mongodb mongoose next13 react seo tailwind tailwindcss template typescript

next14-ts-template-fullstack's Introduction

About Me 👋

  • 저는 프론트엔드 중심의 소프트웨어 엔지니어 백윤성입니다.
  • Next.js 13+, TypeScript를 주로 사용하여 웹 애플리케이션을 설계 및 개발하고 있습니다.
  • Server Components, Suspense, Server Action과 같은 기술에 관심이 많습니다.

Latest Posts 📰

next14-ts-template-fullstack's People

Contributors

bysxx avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

next14-ts-template-fullstack's Issues

Review

리뷰 전, 저는 몽고 디비에 대한 지식이 전무한 점 참고 부탁드립니다 (__)

서버 개발자가 본 api 구성에 대한 생각입니다. 정답은 아니고, 참고 정도만 하셔도 됩니다 :)

  1. 매우 소규모 프로젝트일 때 유효할 것 같다.
  • 우선 모듈 복잡도와 외부 의존성이 늘어나면 안정성이 많이 떨어질 것 같습니다. 근데 이건 풀스택 프로젝트라면 안고가야하는 문제 같기도 합니다.
  1. 제가 코드를 잘 이해한 건지 모르지만, db-connect 함수가 디비 커넥션을 캐싱으로 유지시키는 커넥션 풀 역할이라고 생각했습니다.
  • 제가 이해한 것이 맞다면 이 풀 사이즈가 조정될 수 있으면 좋을 것 같습니다.
  • 또한, db-connect가 실패했을 때, 재요청 로직도 있는 것이 어떨까 싶습니다.
  • 사실 ORM을 사용하지 않으신 이유도 그런 점에서 궁금했습니다. ORM에서는 이런 기능을 모두 지원하고 있습니다.
  • 제가 잘못 이해한 것이라면 무시해주셔도 됩니다(__)
  1. ( 물론 Example이라서 아주 간소하게 만드셔서 그런 걸수도 있지만 ) 데이터베이스, GCP, AWS 와 같이 외부 의존성을 갖는 비즈니스 로직이 있다면, 해당 외부 의존성을 감싸는 모듈을 구성하고, 이 모듈을 주입받는 서비스 계층을 따로 분리하는 것을 추천드립니다.
  • API 와 가장 가까운 서비스 계층을 두고 여기에 외부 의존성 서비스 계층과 비즈니스 로직을 담는 서비스 계층을 각각 주입하여 관리합니다.
  • 이렇게 했을 때의 장점은 side-effect 를 발생시키는 외부 의존성 서비스가 캡슐화되어있어서, 비즈니스 로직을 담는 서비스 레이어만을 테스트해볼 수 있는 것 같습니다.
  • 물론 외부 의존성을 캡슐화했으니, 재요청 이나 정교화 에러 핸들링을 통해 내부적인 안정성을 높일 수도 있을 것 같습니다.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.