Django + Vercel + Tailwind = ❤️

Es una base lista para ser clonada!

• Ya te reconoce los staticsfiles
• Te permite trabajar con Tailwind
• Usas Vercel
• Usas Django

Que mas puedes pedir?

Solo te falta el dominio para tu grandiosa web/app, pero ese no te lo puedo dar yo...

Antes de empezar a programar!

Tu carpeta static/ ahora esta dentro de theme/static/ si quieres agregar otras carpetas puedes cambiar tu configuracion de STATICFILES_DIRS

#vercel_app/settings.py
STATICFILES_DIRS = [
  os.path.join(BASE_DIR, "theme/static/"),
  os.path.join(BASE_DIR, "RUTA_DE_TU_OTRA_CARPETA")
]

Te recomiendo crear un entorno virtual, asi tendras mas control de todo

python -m venv NOMBRE

Activa tu entorno

# Unix
source NOMBRE/bin/activate

Instala los requerimientos, este archivo requirements.txt solo contiene lo basico para hacer funcionar esta pagina, asi que tienes que instalar los modulos faltantes

pip install -r requirements.txt

Ahora tenemos que instalar las dependencias de Tailwind con npm

cd RUTA_DE_TU_PROYECTO/theme/static_src/ && npm install

# y regresamos a la carpeta principal con:
cd ..
cd ..

Desarrollo!

Para iniciar localmente debes de ejecutar Tailwind y luego el servidor de Django, el proceso debe ser en distintas terminales

# Terminal 1
python manage.py tailwind start

# Terminal 2
python manage.py runserver

Asegurate de tener Debug en True

#vercel_app/settings.py
Debug = True

Verifica tus ALLOWED_HOSTS y si tienes formularios no te olvides de CSRF_TRUSTED_ORIGINS

ALLOWED_HOSTS = ['127.0.0.1', '.vercel.app']
CSRF_TRUSTED_ORIGINS = ['https://127.0.0.1', 'https://.vercel.app']

Produccion!

Para subir tu pagina correctamente a Vercel, deberias tener estos aspectos en cuenta:

#vercel_app/settings.py
Debug = False

Haz las migraciones!

python manage.py makemigrations && python manage.py migrate

Tambien puedes poner las migraciones "automaticas" en el archivo vercel_build_staticfiles.sh descomentando la linea que viene abajo de Automatic Migrations esto hara que las migraciones se hagan cada que se recopilen los staticsfiles

# Automatic migrations                                       # esta linea NO se debe descomentar
#echo "Iniciando migraciones..."                             # esta linea se debe descomentar
#python manage.py makemigrations && python manage.py migrate # esta linea se debe descomentar

Tienes Super usuario?

python manage.py createsuperuser

Verifica tus ALLOWED_HOSTS y si tienes formularios no te olvides de CSRF_TRUSTED_ORIGINS, si ya tienes tu dominio propio aqui es donde tendras que poner tu dominio para darle mayor seguridad a tu web/app

ALLOWED_HOSTS = ['tu-dominio.com']
CSRF_TRUSTED_ORIGINS = ['https://tu-dominio.com']

---

Este repositorio fue creado el 17 / Nov / 2023