vchaptsev / Cookiecutter Django Vue
Licence: bsd-3-clause
Cookiecutter Django Vue is a template for Django-Vue projects.
Stars: ✭ 462
Programming Languages
python
139335 projects - #7 most used programming language
Projects that are alternatives of or similar to Cookiecutter Django Vue
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (-38.31%)
Mutual labels: graphql, apollo, webpack, pwa
Django Project Template
Thorgate's Django project template - Django, React, Sass, optional Docker and more
Stars: ✭ 91 (-80.3%)
Mutual labels: webpack, django, cookiecutter, docker-compose
Saleor
A modular, high performance, headless e-commerce platform built with Python, GraphQL, Django, and React.
Stars: ✭ 14,720 (+3086.15%)
Mutual labels: graphql, hacktoberfest, django, pwa
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+296.75%)
Mutual labels: graphql, apollo, webpack
React Redux Graphql Apollo Bootstrap Webpack Starter
react js + redux + graphQL + Apollo + react router + hot reload + devTools + bootstrap + webpack starter
Stars: ✭ 127 (-72.51%)
Mutual labels: graphql, apollo, webpack
Apollo Universal Starter Kit
Apollo Universal Starter Kit is an SEO-friendly, fully-configured, modular starter application that helps developers to streamline web, server, and mobile development with cutting-edge technologies and ultimate code reuse.
Stars: ✭ 1,645 (+256.06%)
Mutual labels: graphql, apollo, webpack
Cookiecutter Django Vue Graphql Aws
A highly opinionated Cookiecutter template that fuses together Django, Vue.js, GraphQL, and AWS into one full-stack web application.
Stars: ✭ 213 (-53.9%)
Mutual labels: graphql, django, cookiecutter
Reactconfbr
Public infos and issues about React Conf Brasil organization
Stars: ✭ 156 (-66.23%)
Mutual labels: graphql, apollo, webpack
Vue Cli Plugin Electron Builder
Easily Build Your Vue.js App For Desktop With Electron
Stars: ✭ 3,549 (+668.18%)
Mutual labels: webpack, vue-cli, hacktoberfest
Gatsby Woocommerce Themes
⚡ A Gatsby Theme for WooCommerce E-commerce site Gatsby WooCommerce WordPress
Stars: ✭ 306 (-33.77%)
Mutual labels: graphql, apollo, hacktoberfest
Knowledge
文档着重构建一个完整的「前端技术架构图谱」,方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。
Stars: ✭ 1,620 (+250.65%)
Mutual labels: graphql, webpack, pwa
Thorium
Platform for starship simulator controls
Stars: ✭ 109 (-76.41%)
Mutual labels: graphql, apollo, hacktoberfest
Meteor Apollo Starter Kit
Meteor, Apollo, React, PWA, Styled-Components boilerplate
Stars: ✭ 91 (-80.3%)
Mutual labels: graphql, apollo, pwa
Scalable React Typescript Boilerplate
⭐️ Scalable micro-framework featuring React and TypeScript
Stars: ✭ 174 (-62.34%)
Mutual labels: graphql, apollo, webpack
Villus
🏎 A tiny and fast GraphQL client for Vue.js
Stars: ✭ 378 (-18.18%)
Mutual labels: graphql, apollo, hacktoberfest
Strawberry
A new GraphQL library for Python 🍓
Stars: ✭ 891 (+92.86%)
Mutual labels: graphql, hacktoberfest, django
Laravel Vuejs.com
Laravel and VueJs Blog, using Laravel nova, GraphQL, NuxtJs, Apollo and ...more
Stars: ✭ 54 (-88.31%)
Mutual labels: graphql, apollo, pwa
Graphql Shield
🛡 A GraphQL tool to ease the creation of permission layer.
Stars: ✭ 3,121 (+575.54%)
Mutual labels: graphql, apollo, hacktoberfest
Cookiecutter Django-Vue
Powered by Cookiecutter, inspired by Cookiecutter Django.
Features
- Docker
- 12 Factor
- Server: Nginx
- Frontend: Vue + vue-cli + PWA
- Backend: Django
- Database: PostgreSQL
- API: REST or GraphQL
Optional Integrations
These features can be enabled during initial project setup.
- Integration with MailHog for local email testing
- Integration with Sentry for frontend and backend errors logging
- Integration with Google Analytics or Yandex Metrika for web-analytics
- Automatic database backups
Usage
First, get cookiecutter
:
$ pip install cookiecutter
Now run it against this repo:
$ cookiecutter gh:vchaptsev/cookiecutter-django-vue
You'll be prompted for some values. Provide them, then a project will be created for you.
Answer the prompts with your own desired options. For example:
======================== INFO ======================= [ ]:
project_name [Project Name]: Website
project_slug [website]: website
description [Short description]: My awesome website
author [Your Name]: Your Name
email [<[email protected]>]: <[email protected]>
====================== GENERAL ====================== [ ]:
Select api:
1 - REST
2 - GraphQL
Choose from 1, 2 [1]: 2
backups [y]: y
==================== INTEGRATIONS =================== [ ]:
use_sentry [y]: y
use_mailhog [y]: y
Select analytics:
1 - Google Analytics
2 - Yandex Metrika
3 - None
Choose from 1, 2, 3 [1]: 2
Project creation will cause some odd newlines and linter errors, so I'd recommend:
$ autopep8 -r --in-place --aggressive --aggressive backend
$ npm i && npm run lint --fix
Now you can start project with docker-compose:
$ docker-compose up --build
For production you'll need to fill out .env
file and use
docker-compose-prod.yml
file:
$ docker-compose -f docker-compose-prod.yml up --build -d
Contributing
Help and feedback are welcome :)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].