GithubHelp home page GithubHelp logo

django-nextjs-starter-kit's Introduction

Django-NextJs

This repo is a django-nextjs web app boiler-plate that is dockerized including Nginx and gunicorn. Django is used as backend and nextjs is used as front-end.

Repo includes

  • Django (ORM and micro-controllers)
  • NextJS
  • GraphQL
  • Docker (served in Nginx using gunicorn)

Things needed

Docker must have been installed, in order to use this boiler-plate code. For downloading the docker check this out - docker download

Setting up the boiler-plate

  1. Clone this repo
$ git clone https://github.com/yeganathan18/django-nextjs-bioler-plate.git
  1. Start the Docker desktop app (mac & windows) and make sure that the docker-engine is started
$ docker info

Using this command check whether the docker engine is running!

  1. Shot up the terminal and
$ cd django-nextjs-bioler-plate

Make sure the directory is proper before moving further, it should be django-nextjs-bioler-plate/

  1. Build the Docker images
$ docker-compose build

This may take some time to complete

  1. Once the docker container is built,
$ docker-compose up

You may see the logs that are running up in the terminal, now the container has been started.

  • Step 6: There may be some default migrations that has to be done for the django, so open-up another terminal in the same directory and run the following command.
docker compose exec backend python manage.py migrate

Navigation

Webapp - http://localhost/

Django Admin panel - http://localhost/api/admin

GraphiQL Playground - http://localhost/api/graphql

Note ❗️

This is been dockerized only for the local development and not for the production-ready web app.

Misc

Whether to install a package or use a command in particular container run the following code.

docker compose exec <container-name> <command that need to be executed>

check the directory's readme, inorder to execute basic necessary commands for both django and webapp.

License

MIT

django-nextjs-starter-kit's People

Contributors

mn-48 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.