React Google Translate API (MULTI LANG FEATURE)
ฝัง
- เผยแพร่เมื่อ 14 ต.ค. 2024
- Hey there! In this video, I guide you through integrating the Google Translate API into our React app. I've created an npm package for easy use. We start by setting up credentials, obtaining an API key, and creating a custom language switcher. Follow along as we wrap our components with the translation provider and set up language switching. By the end, we have a fully functional multilingual app ready to go!
www.npmjs.com/...
npm install react-google-multi-lang
github.com/bon...
Could you plz guide me to integrate it with React Redux
here is an example github.com/bonifacemwanza/react-google-multi-lang/blob/main/README_redux.md
Awesome Thanks you a lot, but i have a question is it compatible with Next js architecture and server components?
Thanks for this, it is really helpful.
Is there alternative to using the google cloud api key?
@@trenches_dev you are welcome, yes there is.. I will post another video for that as well
@@coding4bread thanks, I'll be on the lookout.
Awesome video… thanks a lot
You are welcome :)
Is it paid or free
Api key ?
If paid what is the cost of it
@@UMMADISETTYBALAJI Google will give you 300$ free credit firstly .. for the pricing margin am not sure how much it is now cloud.google.com/translate/pricing/?DEV_m-CRE_574628678104-ADGP_Hybrid%20%7C%20BKWS%20-%20EXA%20%7C%20Txt%20-%20AI%20And%20Machine%20Learning%20-%20Translation%20AI%20-%20API%20Pricing%20Feb%20Build-KWID_43700061578314542-kwd-393126641649-userloc_1011367&KW_google%20translation%20api%20pricing-NET_g-PLAC_&&gad_source=1&gclid=CjwKCAjw1920BhA3EiwAJT3lSR8GPt48uAkaCZJcuFRDpor9R94APrHUQvoTcVKwae7k_Q_1bhpSGBoC1LEQAvD_BwE&gclsrc=aw.ds