Receive form content from React app hosted in firebase - reactjs

I'm learning React and I'm trying to get an email from a simple form inside a basic React app.
I used to use PHP to acomplish that but I know is not possible to do that on Firebase.
I was looking for a solution, but I can't find it. I found some old NPM packages but nothing "easy" to use or outdated. Is there any way to process Form content and receive that content in my email account?
Thanks.

Finally, I'm using https://formsapi.jabwn.com
It is more flexible than https://formspree.io and is 100% free.

Related

Can you use google-apis to connect google sheets with React app

I am trying to use a google sheet as the database for my React App. From what I can tell it seems that this isn't possible unless you use something like sheet.best
Is there another way? If so is there a free way, as I tried using sheet.best but quickly ran out of free requests. I tried Steinhq but am having trouble getting that installed
originally I was following tutorials for just simple node applications, but those don't seem compatible with react
Thanks!

Using both Django template and React

Hi guys I’m trying to bulid a website which django works as an rest-api and react works as a front side. I manage to do the whole thing just fine and about to deploy it using aws. But there is one thing I couldn’t really get. Inside my django project I have an app that uses only django template to render things to front. And other apps are working only as apis to get and post things via react. Is it possible to deploy this kind of structure without any special options? I searched internet for a while but I couldn’t really find an example that fits my situation. Thanks!
Yes, you should be able to deploy it without extra options: you can have one Django template view to host the React app entry point, and the rest would be Rest API views that are accessed by React.

How to add a Docusaurus website within Next.js Website as a route

Does anyone have any pointers on how to go about adding a /docs page for website documentation to a next.js app? I've looked up Docusaurus but it seems like it's already a react app itself. Is there a way to integrate it inside an existing next.js app or are there other solutions?
Many Thanks
One idea might be to intercept the request and send the html file that docusaurus builds out, and putting all other files in the public folder.
https://medium.com/wesionary-team/render-html-file-in-pages-of-next-js-59281c46c05
Also checkout this discussion about it.
https://github.com/vercel/next.js/discussions/12373
I have done this with React apps using express. But never with Next. At first it looks like it would be possible with multi-zone in Next but that doesn't seem to do the job. So my other recommendation would be to try to use a docs.domain.com instead and host it separately. Then you have a /docs url or a button that redirects to the doc domain instead.
Firebase has free hosting and allows you to setup multiple sites. So it should be fast to test this setup there
I'm going to actively try to get this to work with Next myself but I do not think it will work because of how they are developed. So I would do the above recommendation and if I find a workaround, I'll post an update.

Send mail by using Strapi and React.js

Since one month me and my team are working on a project with React as frontend and Strapi as our backend.
We need to do a form that has to automatically send e-mails by using the Strapi e-mails plugin.
However, we're still beginners with those technologies, and we aren't able to implement this kind of functionnality.
Is anyone familiar with Strapi and also this plugin ?
We don't find a lot of tutorials and documentation about it on the web.
Thank your for paying attention.
you can follow instructions of this guide - https://strapi.io/documentation/3.0.0-beta.x/guides/send-email.html#introduction
You can create a custom route/controller to manage your contact form.
Here is an example - https://strapi.io/documentation/3.0.0-beta.x/concepts/controllers.html#example
Make sure to create a POST route.
Then in your controller, get your form data with ctx.request.body

Creating a webpage with a unique URL using react/firebase?

I'm pretty new to react and building out a little prototype using Firebase as a backend. One of the primary functionalities involves a user writing a post in an editor, which is saved to firebase. On submit in the editor, I am trying to create a new standalone page for the post with the firebase uid as the ending part of the new unique URL.
The problem I'm having is figuring out a way to create the new page on submit. I haven't been able to find any documentation for a similar problem like this specific to react or firebase, and was just wondering on a high-level what a good approach to executing this might be? Thanks
The newly launched Firebase Hosting + Cloud Functions integration can help here. The first bullet point in the documentation looks like it describes your use case exactly.
You also mentioned React. There is a handy sample project showing how to implement an isomorphic React app with Firebase.

Resources