Convert Gatsby Website to WebFlow of WordPress? - reactjs

The marketing manager of esper.io (built in gatsby) said that it's hard for them to do updates on the site (they need to contact the developer every time) so they're thinking about rebuilding the whole site in WebFlow or WordPress. The blog on site is headless WordPress.
I work mostly with WordPress and WebFlow and have zero experience with Gatsby or React.
I was wondering is there any simple way how to do updates on a Gatsby website so the marketing team can do it themselves? (they're non coders)
They love the headless WodPress blog because they're all familiar with WordPress and can write blog posts without coding.
I'll appreciate any tips or pointing in a direction.
Thank you, Josef

I assume you still have a kind of deployment-process... means if you change something at the source-code and upload to your git-repository, the page will be rebuild and deployed automatically.
So if you search for an nice & easy way to edit the content of your page, I recommend to have a look at TinaCMS
It's also optimized for gatsby and - if ones integrated in gatsby - it's very easy to edit the content of the Page.

Related

is it possible to create react app and deploy in sharepoint online without creating as web part?

has anyone worked with react and sharepoint, please tell me, if there any reference for creating a react app and deploy in sharepoint online directly, many of the references are creating react app as web part, but I cant find what I looking for. please help
It actually depends on where you want your application to show up in the SharePoint.
In addition to the WebParts, there is AppCustomizer option that allows you to show your app in one dedicated the placeholder of the sharepoint site (top or bottom):
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions
Other that, there is "single page part" option that allows you app to occupy all the space on the page, and to be the only thing the user gets basically:
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh

AngularJS application problems appearance in Google search

I have a personal project which consumes my free time and effort for about a year without significant profit. I have problems with it appearance in Google and would really appreciate to get help here.
This project (http://yuppi.com.ua - similar to craiglist in US) is WEB-based AngularJS 1.2 application that uses PHP rest API hosted on GoDaddy. And in order to make this application popular it have to be very visible in internet and very searchable in Google and users have to be able to share pages via social networks or skype.
According to Google specification, google crawlers doesn't run javascript to get content of a web page before index, so I've added _escaped_fragment_ page that displays content of web page without javascript. For example:
Page: http://yuppi.com.ua/#!/items/sub/18/_
Dirty : yuppi.com.ua/?_escaped_fragment_=/items/sub/18/_
This dirty page will be redirected here where google will see content.
http://yuppi.com.ua/server/crawler_proxy/routee.php?path=/items/sub/18/
So basically I have two versions on HTML file for that page. One version is the one that available to users, which has styles, a lot more HTML tags etc. And the second is the version for Google crawler - very light-weight without any styles. And I am expecting to see clean link to my site in Google, not dirty.
So, If to search all links to a web site in Google you will see that one of the links displays it's "dirty" state.
Another problem is sharing links in Skype.
When I send a link to someone, I am expecting that this link will be transformed to thumbnail image but it is not happens. Instead I see ungly link to my web site.
Please help me to understand how to make happy everyone: users, google crawler, GoDaddy and me.
I was encountering the same problems last year with a big project and we ended to use : https://prerender.io/.
It's a prerendering system that work with a phantomjs browser to detect bot request and render a full html template. It does also instanciate a cache service to not render again a template that haven't change.
Hope it help's.

Crawling a website that uses angular routes

I have a personal website that I use for some of my motorbike racing. I created it recently using node and angular. I decided to try angular routes for my page navigation etc. I think it worked well but I'm annoyed that my website isn't showing on google search.
When I've looked into how to get google to find your website I've followed many suggestions with meta names etc but when I came to a sitemap I discovered that most crawlers etc have problems finding any links on my website to other pages.
You can see my website here - MPC Racing
I have tried using this automatic sitemap creator and it can't find anything apart from my main page - XML Sitemap
Do you have any suggestions on how I can my website more easily found by search engines?
For example, a design company designed all my graphics for my bike and if I type into google "Webstep Racing Team" I get the link to their website as the first hit but nothing at all on my website. What is it they are doing and I'm not? - Webstep Racing Team
In Google Webmaster tools there is an option to 'Fetch as google'. So you see what google sees when it crawls your angular app. It gives you an image of what google sees.
However for me the problem is that the crawler does not crawl the angular links within the app.
By default the hashes are getting ignored by search engines, because normally they refer to parts of the same page.
You can follow google guidelines for ajax crawling urls to get the hashed url indexed by Google. The same standard also supported by Bing according to searchEngineLand post.
And because you are using angularJs, you might find Matias Niemela's post on how to have your AngularJS application indexed very useful. Demo and source code.

Using phonegap for an app for Web,iOS & Android which is more on content display

I am a webdeveloper. Have experiences in web development languages i.e PHP, HTML, CSS, jQuery. Ive been googling for sometime and still not clear for me if I should use phonegap.
I have a project which will be deployed in Web, iOS & Android.
The project is more on displaying data like belows :
User Profile (save profile / view proifle)
User Activities (displays all activities of users. get the new/latest activities everytime for display)
User Feeds (displays all feeds. get the new/latest feeds everytime for display)
User Subscription (displays all subscribers and subscribed by user)
Login/Logout/Register/Facebook Connect
Basically, it is more on displaying data.
So i assume the API calls will handle all the data saving and retrieval.
I will be making an API using PHP for retrieving and saving of data and i got no issue regarding this.
Also i should use a websocket/node.js kind of plugin for the realtime activities/feeds data.
All i want to know is if Phonegap fits for my needs.
We all know phonegap has many disadvantages and i want to ask the advice of experienced experts out there if Phonegap is good to go for this kind of project.
Any advice would be greatly appreciated.
Even though I don't have experience with phonegap, I'm kind of in the same boat as you. I recently started using titanium studio with the alloy mvc framework, definitely worth checking it out.
So far I have build myself a todo app working on both android and iOS, using a remote mysql database server to store my data on. They offer cloud services also, havent looked into that yet.
You can also buy modules in their store, often not that expensive and it will save you a lot of coding time.
Head over here for more information:
http://www.appcelerator.com/

Setting up a multilingual wordpress site

I am trying to set up a multilingual site using wordpress. I went through http://codex.wordpress.org/Multilingual_WordPress#Plugins_that_direct_you_to_external_translation_services and decided to use this option Plugins like Multisite Language Switcher and the newcomer Multilingual Press link together separate WordPress network (multisite) installations for each language by pinging back and forth..
Now i installed the Multilingual press and set up a network. The url of my site was wordpress.private.net and next on is it.wordpress.private.net. Both the domains are served from same folder. But still when i visit the it.__ site it shows in english language and that too without all the posts.
I get this error on network dashboard
You didn't setup any blog relationships! You have to setup them first to use Multilingual Press. For this, go to Network » Sites » and choose a blog to edit. Then go to the tab "Multilingiual Press" and set up the relationships.
But there is no option to set up the relationships in the tab "Multilingiual Press. Please guide me where am i going wrong?
Any other way to set up is also welcome.
My main moto is to run my wordpress site in two languages
I'm also developing a website in two languages.
I haven't used what you are using, so I cannot help you in that regard.
For my project I installed qTranslate plugin and I haven't had any problems with it so far.
In the plugin settings you specify language you want to use and other settings like how the language will appear in URL (?lang=en , /en/ in front of URL , http://en.yoursite.com)
When you edit post or page, you will have additional tab in the editor, one for each language, so it is really easy to use it.
It also supports qTranslate Services, that ables you to use professional human translation services with a few clicks, but I haven't used that yet.
A general note:
Do NOT auto translate your pages with Google Translate. This is basically spamming the google index.
If you want to autotranslate your page, use the google translate widget.
You can read that somewhere in the google guidelines too.
About your plugins:
qTranslate is fine and simple. But it does store all translations into one post. So if you later decide to change to a different plugin, you are toast.
I've heard about Multilingual, but I think it might still be a bit unstable.
The most commonly used is WPML. Might not be the best and it's not free. But it works and I have many clients that use it happily.
But again, DON'T auto translate your page. It's useless and will get you down ranked.

Resources