Building A Photo Blog on Strapi Gatsby And Typescript: Part 4 Deployment

Render’s backend YAML deploy failure
A recreation of my error on first deploy, you can check the logs from within the service for more details though
services:
- type: web
name: strapi
env: node
plan: starter
buildCommand: cd backend && yarn install && yarn build
startCommand: cd backend && rsync -a public/ /data/backend/public/ && yarn start
healthCheckPath: /_health
disk:
name: strapi-data
mountPath: /data/backend
sizeGB: 1
envVars:
- key: NODE_VERSION
value: 12.18.4
- key: NODE_ENV
value: production
- key: DATABASE_FILENAME
value: /data/backend/strapi.db
- key: JWT_SECRET
generateValue: true
- key: ADMIN_JWT_SECRET
generateValue: true
Gatsby front end logs page on render
Weirdly there is no tab for the logs here, you have to click the deploy failure in Events to get the logs
Renders urls for the backend site
Backend live and internal addresses
Dec 12 07:22:19 PM  Request failed with status code 403
Dec 12 07:22:19 PM
Dec 12 07:22:19 PM
Dec 12 07:22:19 PM Error: Request failed with status code 403
Dec 12 07:22:19 PM
Dec 12 07:22:19 PM - createError.js:16 createError
Dec 12 07:22:19 PM [frontend]/[gatsby-source-strapi]/[axios]/lib/core/createError.js:16:15
Dec 12 07:22:19 PM
Dec 12 07:22:19 PM - settle.js:18 settle
Dec 12 07:22:19 PM [frontend]/[gatsby-source-strapi]/[axios]/lib/core/settle.js:18:12
Dec 12 07:22:19 PM
Dec 12 07:22:19 PM - http.js:202 IncomingMessage.handleStreamEnd
Dec 12 07:22:19 PM [frontend]/[gatsby-source-strapi]/[axios]/lib/adapters/http.js:202:11
Dec 12 07:22:19 PM
Dec 12 07:22:19 PM - node:events:388 IncomingMessage.emit
Dec 12 07:22:19 PM node:events:388:22
Dec 12 07:22:19 PM
Dec 12 07:22:19 PM - readable:1295 endReadableNT
Dec 12 07:22:19 PM node:internal/streams/readable:1295:12
Dec 12 07:22:19 PM
Dec 12 07:22:19 PM - task_queues:80 processTicksAndRejections
Dec 12 07:22:19 PM node:internal/process/task_queues:80:21
Dec 12 07:22:19 PM
Dec 12 07:22:19 PM
Dec 12 07:22:19 PM not finished source and transform nodes - 0.176s
Dec 12 07:22:19 PM ==> Build failed 😞
c 12 07:57:31 PM  info Starting to fetch data from Strapi - strapi-wsb7:10000/photos?_limit=1000
Dec 12 07:57:31 PM info Starting to fetch data from Strapi - strapi-wsb7:10000/tags?_limit=1000
Dec 12 07:59:42 PM success Fetched Strapi Data - 130.802s
Dec 12 07:59:42 PM error "gatsby-source-strapi" threw an error while running the sourceNodes lifecycle:
Dec 12 07:59:42 PM
Dec 12 07:59:42 PM connect ETIMEDOUT 0.0.39.16:80
Dec 12 07:59:42 PM
Dec 12 07:59:42 PM
Dec 12 07:59:42 PM Error: connect ETIMEDOUT 0.0.39.16:80
Dec 12 07:59:42 PM
Dec 12 07:59:42 PM - node:net:1138 TCPConnectWrap.afterConnect [as oncomplete]
Dec 12 07:59:42 PM node:net:1138:16
Dec 12 07:59:42 PM
Dec 12 07:59:42 PM
Dec 12 07:59:42 PM not finished source and transform nodes - 130.878s
Dec 12 07:59:42 PM ==> Build failed 😞
Dec 12 08:10:47 PM  error There was an error in your GraphQL query: 
Dec 12 08:10:47 PM Cannot query field "tags" on type "StrapiPhoto".
success run page queries - 0.107s - 5/5 46.55/s
Dec 12 08:24:56 PM success write out requires - 0.019s
Dec 12 08:25:12 PM failed Building production JavaScript and CSS bundles - 15.255s
Dec 12 08:25:12 PM error Generating JavaScript bundles failed
Dec 12 08:25:12 PM
Dec 12 08:25:12 PM Can't resolve '../components/photoDesc' in '/opt/render/project/src/frontend/src/templates'
Dec 12 08:25:12 PM
Dec 12 08:25:12 PM If you're trying to use a package make sure that '../components/photoDesc' is installed. If you're trying to use a local file make sure that the path is correct.
Dec 12 08:25:12 PM not finished Generating image thumbnails - 15.890s
Woohoo!!

--

--

--

Developer. Musician. Naturalist. Traveler. In any order. @tayloredtotaylor

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Get Reactive With RxJS

Getting Started with JQ to Manipulating Outputs from the AWS CLI — Notes

Improving the accuracy of PurgeCSS

How to detect an outside click with React and Hooks

What to expect from React 18!

45+ Best App Ideas for Startups + Bonus Ideas to Make Money in 2021

10 Array Methods You Should Learn in JavaScript

How to Make Next.js Image Optimization Work on AWS Elastic Beanstalk

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Taylor Nodell

Taylor Nodell

Developer. Musician. Naturalist. Traveler. In any order. @tayloredtotaylor

More from Medium

Enable Live Captions in Vonage Video Using Symbl.ai

How to Use Realm Effectively in a Xamarin.Forms App

Realm + Xamarin

Building theme-based Mobile app for a Multi Backend Architecture

Using MongoDB Realm to scrap ship position data