Hướng dẫn react-express mongodb boilerplate - react-express mongodb boilerplate

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 https://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