Stabilized README for migration of backend to NodeJS #29
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
References: docker - How to test dockerignore file? - Stack Overflow https://stackoverflow.com/questions/38946683/how-to-test-dockerignore-file https://stackoverflow.com/a/71751097 https://stackoverflow.com/questions/38946683/how-to-test-dockerignore-file/71751097#71751097 docker - Can dockerfile be put in .dockerignore? - Stack Overflow https://stackoverflow.com/questions/47580298/can-dockerfile-be-put-in-dockerignore
…es extraneous files References: React — Local Development With Docker-Compose | by Bhargav Bachina | Bachina Labs | Medium https://medium.com/bb-tutorials-and-thoughts/react-local-development-with-docker-compose-5a247710f997 bbachi/react-nodejs-example: Example Project demonstrating how to develop React application with Nodejs https://github.com/bbachi/react-nodejs-example Implement Docker With Hot Reloading In Next JS | by Bikash dulal | wesionaryTEAM | Medium https://medium.com/wesionary-team/impledocker-with-hot-reloading-in-next-js-f3e57fba84ce NewDocker https://gist.github.com/Bikash888/2f469d5a28594351fda4370cf69c85a3/ docker - How to test dockerignore file? - Stack Overflow https://stackoverflow.com/questions/38946683/how-to-test-dockerignore-file https://stackoverflow.com/a/71751097 https://stackoverflow.com/questions/38946683/how-to-test-dockerignore-file/71751097#71751097 docker - Can dockerfile be put in .dockerignore? - Stack Overflow https://stackoverflow.com/questions/47580298/can-dockerfile-be-put-in-dockerignore
The docker-compose file manages the containers and provides the needed environment for development. References: Building and deploying Next.js applications with Docker - YouTube https://www.youtube.com/watch?v=aNh8iShFXto Koyeb - How to Dockerize and Deploy a Next.js Application on Koyeb https://www.koyeb.com/tutorials/how-to-dockerize-and-deploy-a-next-js-application-on-koyeb How To Connect Docker With Python Flask And ReactJS FrontEnd | Docker Flask React Made Easy| 2021 HD - YouTube https://www.youtube.com/watch?v=ISCiJmY1g2M react-flask-postgres-boilerplate-with-docker/docker-compose.yml at master · tomahim/react-flask-postgres-boilerplate-with-docker https://github.com/tomahim/react-flask-postgres-boilerplate-with-docker/blob/master/docker-compose.yml Implement Docker With Hot Reloading In Next JS | by Bikash dulal | wesionaryTEAM | Medium https://medium.com/wesionary-team/impledocker-with-hot-reloading-in-next-js-f3e57fba84ce Bikash888/nextjs-docker https://github.com/Bikash888/nextjs-docker Hot Reloading not working in Next.js 9 using custom routing, styled components and withApollo example · Issue #16449 · vercel/next.js vercel/next.js#16449 NextJS Fast Refresh - GeeksforGeeks https://www.geeksforgeeks.org/nextjs-fast-refresh/
References: Implement Docker With Hot Reloading In Next JS | by Bikash dulal | wesionaryTEAM | Medium https://medium.com/wesionary-team/impledocker-with-hot-reloading-in-next-js-f3e57fba84ce Bikash888/nextjs-docker https://github.com/Bikash888/nextjs-docker nextjs-docker/next.config.js at main · Bikash888/nextjs-docker https://github.com/Bikash888/nextjs-docker/blob/main/next.config.js Hot Reloading not working in Next.js 9 using custom routing, styled components and withApollo example · Issue #16449 · vercel/next.js vercel/next.js#16449 NextJS Fast Refresh - GeeksforGeeks https://www.geeksforgeeks.org/nextjs-fast-refresh/ next.config.js: Custom Webpack Config | Next.js https://nextjs.org/docs/api-reference/next.config.js/custom-webpack-config Hot reloading Next.js with Docker in development | James Chambers https://jameschambers.co.uk/nextjs-hot-reload-docker-development https://jameschambers.co.uk/nextjs-hot-reload-docker-development#step-3-update-nextconfigjs Building and deploying Next.js applications with Docker - YouTube https://www.youtube.com/watch?v=aNh8iShFXto Koyeb - How to Dockerize and Deploy a Next.js Application on Koyeb https://www.koyeb.com/tutorials/how-to-dockerize-and-deploy-a-next-js-application-on-koyeb How To Connect Docker With Python Flask And ReactJS FrontEnd | Docker Flask React Made Easy| 2021 HD - YouTube https://www.youtube.com/watch?v=ISCiJmY1g2M react-flask-postgres-boilerplate-with-docker/docker-compose.yml at master · tomahim/react-flask-postgres-boilerplate-with-docker https://github.com/tomahim/react-flask-postgres-boilerplate-with-docker/blob/master/docker-compose.yml
The proxy also allows the frontend developers to write code assuming the frontend and backend are served on the same domain The proxy References: Proxying API Requests in Development | Create React App https://create-react-app.dev/docs/proxying-api-requests-in-development/ Node.js – React Proxy error: Could not proxy request /api/ from localhost:3000 to http://localhost:8000 (ECONNREFUSED) – iTecNote https://itecnote.com/tecnote/ios-react-proxy-error-could-not-proxy-request-api-from-localhost3000-to-http-localhost8000-econnrefused/ Node.js – React Proxy error: Could not proxy request /api/ from localhost:3000 to http://localhost:8000 (ECONNREFUSED) – iTecNote https://itecnote.com/tecnote/ios-react-proxy-error-could-not-proxy-request-api-from-localhost3000-to-http-localhost8000-econnrefused/#comments javascript - Access to fetch at from origin 'http://localhost:3000' has been blocked by CORS policy - Stack Overflow https://stackoverflow.com/questions/61238680/access-to-fetch-at-from-origin-http-localhost3000-has-been-blocked-by-cors
…nflict from docker-compose files The fullstack docker-compose file labels the database service `db` while the backend docker-compose file labels the same service `web-db` References: bash - How to check if an environment variable exists and get its value? - Stack Overflow https://stackoverflow.com/questions/39296472/how-to-check-if-an-environment-variable-exists-and-get-its-value https://stackoverflow.com/a/39296572 https://stackoverflow.com/questions/39296472/how-to-check-if-an-environment-variable-exists-and-get-its-value/39296572#39296572 Bash Reference Manual https://www.gnu.org/software/bash/manual/bash.html#Shell-Parameter-Expansion [fullstack docker-compose file] https://github.com/ChubaOraka/aliascheck/blob/43df7ac165378bc4e947ed08a006ad3736dd74f0/docker-compose.yml#L36 [backend docker-compose file] https://github.com/ChubaOraka/aliascheck/blob/43df7ac165378bc4e947ed08a006ad3736dd74f0/backend/docker-compose.yml#L25
The instructions includes setup with or without containers
…more recent README
simplytunde
reviewed
Aug 21, 2022
| ``` | ||
| then switch to last stable branch with Flask backend: | ||
| ```bash | ||
| git checkout 940bc4d36f8a34e65373e080024cf98d97b4cf52 |
Contributor
There was a problem hiding this comment.
I will recommend we only merge(probably will need further update) after a Node PR is merged to master.
Suggested change
| git checkout 940bc4d36f8a34e65373e080024cf98d97b4cf52 | |
| git checkout main |
This will allow us to give specific contribution/setup instruction to the contributor/user.
Contributor
There was a problem hiding this comment.
Once the PR is merged, we can update this README apprpriately #26
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Closes #28
The suggested README now includes instructions to get the project to the most recent working commit with Flask backend.