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

Question

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

Praveen Yadav_e2p5j8 · Answer

I am getting this activity-logs on Heroku.

my files structure is:

/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

seanaty · Answer

Please post the error.