# Clone this project 
$ git clone https://github.com/LeonardoZanotti/heroku-deploy.git

# Enter the backend folder
$ cd backend/

# Install the dependences
$ composer install

# Enter mysql
$ sudo mysql -u root

# Create the database
$ create database capacitacao;

# Create an user (replace 'newuser' and 'user_password' with your credentials)
$ CREATE USER 'newuser'@'localhost' IDENTIFIED BY 'user_password';

# Give permission to the user
$ GRANT ALL PRIVILEGES ON *.* TO 'newuser'@'localhost';

# Exit mysql
$ exit

# Clone the .env.example file to configure the database
$ cp .env.example .env

# .env configuration
$ nano .env

# Replace this infos with your credentials
"DB_DATABASE = capacitacao"
"DB_USERNAME = your_user"
"DB_PASSWORD = your_password"

# Final configurations
$ php artisan key:generate
$ php artisan migrate:fresh --seed
$ php artisan storage:link
$ composer require laravel/passport
$ php artisan passport:install

# Run the project -> The Laravel page will be available on localhost:8000
$ php artisan serve

# Add the cli-init
$ yarn global add @vue/cli-init

# Create the nuxt project
$ vue init nuxt-community/starter-template your-frontend-project-name

# Enter the frontend folder
$ cd frontend/

# Install dependences
$ npm install

# Run the frontend -> The Vue page will be available on localhost:8080
$ npm run dev

$ heroku login

# Enter the backend folder
$ cd backend/

# If your project is already installed you can skip the configuration
# Install all dependences
$ composer install

# Clone and config the .env
$ cp .env.example .env
$ nano .env

"DB_DATABASE =  capacitacao"
"DB_USERNAME = your_user"
"DB_PASSWORD = your_password"

# Recreate database and install passport
$ php artisan migrate:fresh --seed
$ php artisan passport:install

# We need to initiate a repo in the backend folder, then
$ git init

# Configure .gitignore
$ nano .gitignore

# If you have a /storage/*.key in the .gitignore you should remove it. My gitignore:
/node_modules
/public/hot
/public/storage
/vendor
.env
.env.backup
.phpunit.result.cache
Homestead.json
Homestead.yaml
npm-debug.log
yarn-error.log

# Then commit this
$ git add .
$ git commit -m "Backend heroku"

# Now, we can create the heroku project. Attention! The name of the heroku project should be unique
$ heroku create unique-name

# Add a Procfile file. It will tells to heroku how to start the project
$ echo web: vendor/bin/heroku-php-apache2 public/ > Procfile

# Commit the Procfile file
$ git add Procfile
$ git commit -m "Procfile added"

# Show the key
$ php artisan --no-ansi key:generate --show
# Showed the key base64:iOdzZzO7CN4BTNc2QEfSdEQqaq0XlI9xPFYgAIjp29o=

# Set Heroku key (Replace with your key)
$ heroku config:set APP_KEY=base64:iOdzZzO7CN4BTNc2QEfSdEQqaq0XlI9xPFYgAIjp29o=

# If you are in master, push to heroku with this:
$ git push heroku master
# Else use:
$ git push heroku your-branch:master

# Then, lets create the heroku database
$ heroku addons:create heroku-postgresql:hobby-dev

# You will need to get this infos in herokus site. When you log in and stay on the heroku dashboard, click on the project on heroku, then click on Resources and then on Heroku Postgres. A page will open. Then go to Settings and View Credentials. With the heroku credentials, replace this fields and do the command on terminal
$ heroku config:set DB_CONNECTION=pgsql DB_DATABASE=dd0km0st511bfe DB_HOST=ec2-23-23-228-132.compute-1.amazonaws.com DB_PASSWORD=5a85a810116a5a550af303a614560040373e79a3159db057d20b7fa8fc1682ec DB_PORT=5432 DB_USERNAME=ymqegxrfhhkxap

# Now, we just need to configure the heroku server, then lets enter the heroku bash
$ heroku run bash
$ php artisan migrate:fresh --seed
$ php artisan passport:install
$ exit

# Open the deploy link
$ heroku open

# Enter the frontend folder
$ cd ../frontend/

# Start a new repository and add the files
$ git init
$ git add .

# Create the heroku repository
$ heroku create new-unique-name

# Now, we will need open the package.json file in the frontend and add this
"engines" : {
    "node": "10.x.x",
    "npm": "6.4.1"
  }

# Then open the nuxt.config.js (or the file that refers the backend) and add this with target pointing to your backend link
proxy: {
    '/api/': { target: 'https://backend-herokudeploy.herokuapp.com/' }
  }

# Do some more configurations
$ heroku config:set NPM_CONFIG_PRODUCTION=false
$ heroku config:set HOST=0.0.0.0
$ heroku config:set NODE_ENV=production

# Commit and push to heroku
$ git add .
$ git commit -m "Frontend heroku"
# If you are in master, push to heroku with this:
$ git push heroku master
# Else use:
$ git push heroku your-branch:master

# And open the frontend link
$ heroku open