How to write a bitbucket-ppipeline.yml for django+react app for deployment to heroku

[Praveen Yadav]

I am getting error when I am using these pipeline steps..

Heroku is detecting only python buildpack not reactjs

pipelines:
   default:
     - step:
        name: Backend Build
        image: python:3.8.5
        script:
          - cd backend
          - git archive --format=tar.gz master -o sample-app.tar.gz
        artifacts:
          - backend/sample-app.tar.gz


    - step:
       name: Build and Test for react
       image: node:10.19.0
       trigger: manual

       caches:
          - node
       script:
          # Use a in-memory sqlite3 database
          - export TRAMPOLINE_CI=true 
          - cd frontend
          - rm -rf package-lock.json
          - rm -rf node_modules
          - npm install
          - npm run build
    - step:
       name: Deploy to production
       deployment: production
       trigger: manual

       caches:
          - pip
          - node
       script:
          - pipe: atlassian/heroku-deploy:1.2.1
       variables:
          HEROKU_API_KEY: $HEROKU_API_KEY
          HEROKU_APP_NAME: $HEROKU_APP_NAME
          ZIP_FILE: backend/sample-app.tar.gz


 

[seanaty]

Please post the error.

[Praveen Yadav]

I am getting this activity-logs on Heroku.

 my files structure is:

/backend

       /backend

       /myapp

      /media

      -manage.py

      -db.sqlite3

      -runtime.txt

      -requirements.txt

/frontend

      /src

      /node_modules

      -index.html

      -package.json

      -package-lock.json

-Procfile

-bitbucket-pipelines.yml

-----> Building on the Heroku-20 stack

-----> App not compatible with buildpack: https://buildpack-registry.s3.amazonaws.com/buildpacks/heroku/nodejs.tgz

 !     ERROR: Application not supported by 'heroku/nodejs' buildpack

 !     

 !     The 'heroku/nodejs' buildpack is set on this application, but was

 !     unable to detect a Node.js codebase.

 !         

 !     A Node.js app on Heroku requires a 'package.json' at the root of

 !     the directory structure.

 !     

 !     If you are trying to deploy a Node.js application, ensure that this

 !     file is present at the top level directory. This directory has the

 !     following files:

 !     

 !     backend/

 !     myapp/

 !     db.sqlite3

 !     manage.py

 !     media/

 !         

 !     If you are trying to deploy an application written in another

 !     language, you need to change the list of buildpacks set on your

 !     Heroku app using the 'heroku buildpacks' command.

 !         

 !     For more information, refer to the following documentation:

 !     https://devcenter.heroku.com/articles/buildpacks

 !     https://devcenter.heroku.com/articles/nodejs-support#activation

       More info: https://devcenter.heroku.com/articles/buildpacks#detection-failure

 !     Push failed

s