# django-fullstack
#### INTRODUCTION PROJECT
We have several projects that use a django-fullstack, which is very impressive and makes it easy for us to connect the frontend and backend. Next, we want to make our django-fullstack usable by many other frontend frameworks or create one that can be chosen among them. We are also continuously developing all our projects well and consistently asking our team to look for any flaws in our django-fullstack.
- **Flexsibel** : flexsibel to coding and easy
- **easy to build** : easy to build frontend & backend
- **support django 5.0** : support django 5.0 and async django
- **django friendly** : you can integration django and frontend
- **Fast To code** : simple code and create new project fast
### requirement
- python >= 3.9 < 3.13
- django >= 3.0 < 6.0
- django-fullstack >= 0.1.0 < 2.0.0
### documentation
- [introduction](#introduction-project)
- [installation](#how-to-install-django-fullstack)
- [create project](#how-to-create-project-django-fullstack)
- [setup django-fullstack](#setup-to-settingpy)
- [create frontend](#make-your-app-react-or-vue)
- [install frontend](#install-frontend)
- [run server](#run-you-server)
- [staticfiles](#staticfiles)
- [project to production](#production-your-project)
- [THANKS FOR SUPPORT](#thanks-you-for-support)
### how to install django-fullstack
-------------------------------
**1. install using pip**
```
pip install django-fullstack
```
**or install using poetry**
```
poetry add django-fullstack
```
how to create project django-fullstack
-------------------------------------
command using django-fullstack
```bash
django-fullstack startproject name-project
```
command using django
```bash
django-admin startproject name-project
```
setup to setting.py
------------------
Add to ```setting.py``` on your project
```python
INSTALLED_APPS = [
...'
'django_fullstack',
]
```
```python
# For Setting Django Fullstack
DJANGO_FULLSTACK = {
"RENDER": {
"INDEX": "index.html",
"URL_SSR": "http://localhost:13714",
"ENABLED_SSR": False,
},
"TEMPLATE": {
"SERVER_PROTOCOL": "http",
"DEV_SERVER_HOST": "localhost",
"DEV_SERVER_PORT": 5173,
"WS_CLIENT_URL": "@vite/client",
"ASSETS_PATH": "static/dist",
"STATIC_URL_PREFIX": "", # add if you prefix your url stactic
},
"STATIC_ROOT": "static",
"CSRF_HEADER_NAME": "HTTP_X_XSRF_TOKEN",
"CSRF_COOKIE_NAME": "XSRF-TOKEN",
}
```
make your app react or vue
--------------------------
generate your file react or vue
```bash
django-fullstack create-app vue #use --typescript for using typescript
```
```bash
django-fullstack create-app react #use --typescript for using typescript
```
### Install frontend
this command to install package frontend
support ```nodejs v16 - v20``` and ```npm > v9```
```bash
npm install
#or
yarn install
#or
pnpm install
```
run you server
----------
To run the backend and frontend simultaneously, you need to run both by opening two terminals, one for Django and the other for the frontend. Once they are running, you can open your browser using http://localhost:8000 or http://127.0.0.1:8000.
*1. using python*
```
python manage.py runserver
```
*or using pypy3*
```python
pypy3 -m manage.py runserver
```
*run frontend*
```
npm run dev
```
**visit your host django http://localhost:8000 or http://127.0.0.1:8000**
staticfiles
------------
if you want to display image or other file in a non-conventional way react and vue, the use folowing :
**Image and other file**
```html
<img className="w-full lg:w-[60%]" src="/static/image/image.jpg" alt="bla bla"
/>
```
Production your project
----------------------
1. build your frontend
```bash
npm run build
#or
yarn run build
#or
pnpm run build
```
2. debug your django in ```setting.py```
```python
DEBUG = False
```
3. make your project to collectstatic
```bash
python manage.py collectstaic
#or
pypy -m manage.py collectstatic
```
### thanks you for support
---------------------
- *<a href="https://narmadaweb.com">NARMADAWEB</a>*
- *<a href="https://itec.sch.id"> ITEC </a>*
- *DJANGO INDONESIA & TEAM*
Raw data
{
"_id": null,
"home_page": "https://github.com/rajasunrise/django-fullstack",
"name": "django-fullstack",
"maintainer": "",
"docs_url": null,
"requires_python": ">=3.9,<4.0",
"maintainer_email": "",
"keywords": "django-fullstack,react,vitejs,vue,django",
"author": "Raja Sunrise",
"author_email": "rajasunsrise@gmail.com",
"download_url": "https://files.pythonhosted.org/packages/7f/fc/08ec0acb6da3ee6c208b3895bd34a11ed4d3a8badc0bdbcb05f8c75c97f1/django_fullstack-0.6.0.tar.gz",
"platform": null,
"description": "# django-fullstack\n\n#### INTRODUCTION PROJECT\nWe have several projects that use a django-fullstack, which is very impressive and makes it easy for us to connect the frontend and backend. Next, we want to make our django-fullstack usable by many other frontend frameworks or create one that can be chosen among them. We are also continuously developing all our projects well and consistently asking our team to look for any flaws in our django-fullstack.\n\n\n- **Flexsibel** : flexsibel to coding and easy \n- **easy to build** : easy to build frontend & backend\n- **support django 5.0** : support django 5.0 and async django\n- **django friendly** : you can integration django and frontend\n- **Fast To code** : simple code and create new project fast\n\n### requirement\n- python >= 3.9 < 3.13\n- django >= 3.0 < 6.0\n- django-fullstack >= 0.1.0 < 2.0.0\n\n### documentation\n- [introduction](#introduction-project)\n - [installation](#how-to-install-django-fullstack)\n - [create project](#how-to-create-project-django-fullstack)\n - [setup django-fullstack](#setup-to-settingpy)\n - [create frontend](#make-your-app-react-or-vue)\n - [install frontend](#install-frontend)\n - [run server](#run-you-server)\n - [staticfiles](#staticfiles)\n - [project to production](#production-your-project)\n- [THANKS FOR SUPPORT](#thanks-you-for-support)\n\n### how to install django-fullstack\n-------------------------------\n**1. install using pip**\n```\npip install django-fullstack\n```\n**or install using poetry**\n```\npoetry add django-fullstack\n```\n\nhow to create project django-fullstack\n-------------------------------------\ncommand using django-fullstack\n```bash\ndjango-fullstack startproject name-project\n```\ncommand using django\n```bash\ndjango-admin startproject name-project\n```\n\nsetup to setting.py\n------------------\n\nAdd to ```setting.py``` on your project\n```python\nINSTALLED_APPS = [\n ...'\n 'django_fullstack',\n]\n```\n\n```python\n # For Setting Django Fullstack\n DJANGO_FULLSTACK = {\n \"RENDER\": {\n \"INDEX\": \"index.html\",\n \"URL_SSR\": \"http://localhost:13714\",\n \"ENABLED_SSR\": False,\n },\n \"TEMPLATE\": {\n \"SERVER_PROTOCOL\": \"http\",\n \"DEV_SERVER_HOST\": \"localhost\",\n \"DEV_SERVER_PORT\": 5173,\n \"WS_CLIENT_URL\": \"@vite/client\",\n \"ASSETS_PATH\": \"static/dist\",\n \"STATIC_URL_PREFIX\": \"\", # add if you prefix your url stactic\n },\n \"STATIC_ROOT\": \"static\",\n \"CSRF_HEADER_NAME\": \"HTTP_X_XSRF_TOKEN\",\n \"CSRF_COOKIE_NAME\": \"XSRF-TOKEN\",\n }\n```\n\nmake your app react or vue\n--------------------------\ngenerate your file react or vue\n\n```bash\ndjango-fullstack create-app vue #use --typescript for using typescript\n```\n\n```bash\ndjango-fullstack create-app react #use --typescript for using typescript\n```\n\n### Install frontend\nthis command to install package frontend\nsupport ```nodejs v16 - v20``` and ```npm > v9```\n\n```bash \nnpm install \n#or \nyarn install\n#or\npnpm install\n```\n\nrun you server\n----------\n\nTo run the backend and frontend simultaneously, you need to run both by opening two terminals, one for Django and the other for the frontend. Once they are running, you can open your browser using http://localhost:8000 or http://127.0.0.1:8000.\n*1. using python*\n```\npython manage.py runserver\n```\n\n*or using pypy3*\n```python\npypy3 -m manage.py runserver\n```\n\n*run frontend*\n```\nnpm run dev\n```\n**visit your host django http://localhost:8000 or http://127.0.0.1:8000**\n\nstaticfiles\n------------\nif you want to display image or other file in a non-conventional way react and vue, the use folowing :\n\n**Image and other file**\n```html\n<img className=\"w-full lg:w-[60%]\" src=\"/static/image/image.jpg\" alt=\"bla bla\"\n />\n```\nProduction your project\n----------------------\n1. build your frontend\n```bash\nnpm run build\n#or\nyarn run build\n#or\npnpm run build\n```\n2. debug your django in ```setting.py```\n```python\nDEBUG = False\n```\n3. make your project to collectstatic\n```bash\npython manage.py collectstaic\n#or\npypy -m manage.py collectstatic\n```\n\n### thanks you for support\n---------------------\n- *<a href=\"https://narmadaweb.com\">NARMADAWEB</a>*\n- *<a href=\"https://itec.sch.id\"> ITEC </a>*\n- *DJANGO INDONESIA & TEAM*\n",
"bugtrack_url": null,
"license": "MIT",
"summary": "make your project frontend + django with django-fullstack, it's so easy",
"version": "0.6.0",
"project_urls": {
"Homepage": "https://github.com/rajasunrise/django-fullstack",
"Repository": "https://github.com/rajasunrise/django-fullstack"
},
"split_keywords": [
"django-fullstack",
"react",
"vitejs",
"vue",
"django"
],
"urls": [
{
"comment_text": "",
"digests": {
"blake2b_256": "4ed233f0b0297d40b3a486266c5d5d6726ad7144cf5ac16f3eb9a1ff8d8730bd",
"md5": "4176402a48234f9d816486e721181fc9",
"sha256": "354742b60d8c59f6d59ed96cf03f325e9805c2270bb566576f12a021a45e86cd"
},
"downloads": -1,
"filename": "django_fullstack-0.6.0-py3-none-any.whl",
"has_sig": false,
"md5_digest": "4176402a48234f9d816486e721181fc9",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.9,<4.0",
"size": 73925,
"upload_time": "2024-01-12T03:56:03",
"upload_time_iso_8601": "2024-01-12T03:56:03.590586Z",
"url": "https://files.pythonhosted.org/packages/4e/d2/33f0b0297d40b3a486266c5d5d6726ad7144cf5ac16f3eb9a1ff8d8730bd/django_fullstack-0.6.0-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": "",
"digests": {
"blake2b_256": "7ffc08ec0acb6da3ee6c208b3895bd34a11ed4d3a8badc0bdbcb05f8c75c97f1",
"md5": "58ed477ab917b8f5a7d8ce5dda2d787c",
"sha256": "38b5696c3359e8e4af5d518772a20a46de4c51da9ea85829be5c6156aaaed16c"
},
"downloads": -1,
"filename": "django_fullstack-0.6.0.tar.gz",
"has_sig": false,
"md5_digest": "58ed477ab917b8f5a7d8ce5dda2d787c",
"packagetype": "sdist",
"python_version": "source",
"requires_python": ">=3.9,<4.0",
"size": 47947,
"upload_time": "2024-01-12T03:56:06",
"upload_time_iso_8601": "2024-01-12T03:56:06.064394Z",
"url": "https://files.pythonhosted.org/packages/7f/fc/08ec0acb6da3ee6c208b3895bd34a11ed4d3a8badc0bdbcb05f8c75c97f1/django_fullstack-0.6.0.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2024-01-12 03:56:06",
"github": true,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"github_user": "rajasunrise",
"github_project": "django-fullstack",
"travis_ci": false,
"coveralls": false,
"github_actions": false,
"lcname": "django-fullstack"
}
JSON
