Django, React 및 Docker로 빠르게 시작 - 오픈 소스 프로젝트

안녕하세요 코더 여러분!

이 기사는 간단한 Django API로 구동되는 React 프론트엔드를 사용하는 오픈 소스 시드 프로젝트를 제공합니다. Django React Soft Dashboard은 등록 잠금 없이 Github에서 다운로드하여 상용 제품 또는 eLearning 활동에 사용할 수 있습니다. 초보자를 위해 Django는 프로그래밍 전문가가 적극적으로 지원하는 최고의 웹 프레임워크이며 React는 Facebook에서 구운 사용자 인터페이스 코딩을 위한 인기 있는 JS 라이브러리입니다.

👉 Django React Soft - 라이브 데모

👉 Django React Soft - 소스 코드

🎁 이메일을 통한 무료 support 및 Discord (1k+ 커뮤니티)

제품은 React 프론트엔드가 API 백엔드에서 논리적 및 물리적으로 분리되는 2계층 패턴을 사용하여 구축되었습니다.


✨ 스타터 기능

혁신적인 소재 UI 디자인 - Creative-Tim 제작

React , Redux, Redux-persist

Authentication : JWT 로그인/등록/로그아웃

Full-Stack ready 간단한 Django API를 통해

Docker API 부분 지원

SQLite 지속성, Django DRF

Up-to-date dependencies - Django v4

단말기에 명령어 몇 개만 입력하면 제품을 로컬에서 사용할 수 있다. API는 제품과 함께 제공된 Docker 설정을 통해 더 적은 노력으로 시작할 수 있습니다.

✨ API 서버 시작

Clone/Download sources from Github

$ git clone https://github.com/app-generator/django-react-soft-dashboard.git
$ cd django-react-soft-dashboard

Start Django API - via Docker

$ cd django-api
$ docker-compose up --build
$
$ # API is up on port 5000

명령이 실행되면 API에 액세스하고 사용자를 생성할 수 있어야 합니다. POSTMAN는 이 작업에 널리 사용되는 도구이지만 cURL와 같은 명령줄 도구도 사용할 수 있습니다.

✨ 반응 UI 시작

Soft UI Dashboard는 여러 NodeJS 버전(14.x, 16.x)과 호환되며 단일 명령으로 제품을 컴파일하고 시작할 수 있습니다.

$ cd react-ui
$ yarn         # install modules
$ yarn start   # start the app
$
$ # React UI is up on port 3000

모든 명령이 실행되면 브라우저에서 앱에 액세스하고 새 사용자를 등록하고 인증할 수 있어야 합니다.

Django React Soft - User Profile

Django React Soft - Charts Page

Django가 선호하는 백엔드 서버가 아닌 경우 반응 프론트엔드는 NodeJS , Laravel 또는 Flask (모두 무료)과 함께 사용할 수도 있습니다.

Thanks for reading! For more resources, feel free to access:

🎁 Flask React Soft - 무료 제품

🎁 플라스크 Django 및 React

에서 제작된 기타 Free Dashboards