Bắt đầu dự án Fullstack tiếp theo của bạn trong vài giây!
Mer [A] N là một bản nhủ Web của MonorePo FullStack dựa trên ngăn xếp MERN với Apollo GraphQL.
Được thực hiện với ❤ bởi Igormcesar.
Ngân hàng công nghệ
Dev cốt lõi
LERNA - Giám đốc dự án JavaScript MonorePo — JavaScript monorepo project manager
ESLINT, PRETTIER - Phân tích mã tĩnh
Husky, Lint-tua-Git Hook để chạy linters chống lại các tệp Git được dàn dựng
Người phục vụ
- Node.js
- Thể hiện
- GraphQl với Apollo Server Express with Apollo Server Express
- MongoDB với Mongoose with Mongoose
- Phiên biểu thị
- Người phân tích cú pháp cơ thể
- NodeMailer
- Mũ bảo hiểm
- Bcrypt.js
- Morgan
- Joi
- Phấn
Khách hàng
- Phản ứng
- Phản ứng bộ định tuyến
- Redux
- Redux Thunk
- Trang web
- Babel
- GraphQL với Apollo Client [Boost] with Apollo Client [Boost]
- Ít hơn
- Thiết kế kiến
- Formik
- Chuẩn rồi
- Jest với phạm vi kiểm tra 100% with 100% test coverage
- i18n
- Bình thường
- Phản ứng 16.8 móc
Bắt đầu
Điều kiện tiên quyết
- MongoDB hoặc MongoDB Atlas
- Node.js 10.0+
- Code Editor-Visual Studio Code [ưu tiên] + ESLINT và các trình cắm đẹp hơn.
- Công cụ dòng lệnh
Lưu ý: Nếu bạn chưa quen với Node, Express, Mongo, React hoặc GraphQL, bạn có thể tìm thấy việc xây dựng một ứng dụng hoàn chỉnh với GraphQL, Node.js, MongoDB và React.js từ @MaxedApps hữu ích cho việc tìm hiểu mọi thứ bạn cần biết. If you are new to Node, Express, Mongo, React or GraphQL you may find Build a Complete App with GraphQL, Node.js, MongoDB and React.js from @maxedapps helpful for learning everything you need to know.
Cài đặt
Cách dễ nhất là sao chép kho lưu trữ và chạy npm run install:all
:
# Get the latest version git clone //github.com/IgorMCesar/react-node-boilerplate.git myproject # Change current directory to the newly created one cd myproject # Install NPM dependencies of all packages[core, server and client] npm run install:all
Bây giờ hãy đặt các biến môi trường. Mở .env.example
và sử dụng nó để tạo tệp .env
của riêng bạn và đặt các biến của bạn.
Lưu ý: Nếu bạn đang sử dụng máy chủ mongo cục bộ MONGO_DB_URI
sẽ trông giống như thế này mongodb://localhost:27017/test
If you are using
mongo server locally MONGO_DB_URI
should look something like this mongodb://localhost:27017/test
Chạy nồi hơi React Node
Sự phát triển
Để chạy mern [a] bằng cách sử dụng các cấu hình phát triển chạy:
Sản xuất
// LÀM
Triển khai
// LÀM
Triển khai Make sure you didn't forget any sensitive information in your code, remeber to always use .env
file for that!
Lưu ý: Hãy chắc chắn rằng bạn đã không quên bất kỳ thông tin nhạy cảm nào trong mã của mình, hãy luôn luôn sử dụng tệp .env
cho điều đó!
Giấy phép