Comparison of CMS(Gatsby, Hougo, Netlifycms, Wodpress)

[Mobile version(QRCode)] Total views:65,961 / Applauds for blog:1
Welcome to my page. I am an adminisrator of this site.
If you are this db's user, please contact with me by private mail. If not, please contact with me by email or twitter or facebook
Access record[Graph / PV Info.(Past 1 day / Past 1 week) / Access from outside (Yesterday / Past 1 week) / Vistors's list]
ProfilePmail(Mail)
Inbox   /Send   /Sent
Reviews(List   /Limit)
Poll   /Agree:Got   /Sent
Fan
Works/Music
Blog
[Write]
Links
My Play List
<=Newer article How to develop the service using gatsby
=>Older article Tune up meteor

1.
2018/03/08 (Updated 2018/03/13) "Comparison of CMS(Gatsby, Hougo, Netlifycms, Wodpress)"
[Show only this article / Modify / Delete / Send trackback / Add to the shared category]

1. Comparison
2. How to use
    1. Gatsbyjs
    2. Netlifycms
        1. Pros
        2. Cons
    3. Hugo
    4. React Static
    5. Wordpress
3. Conclusion

1. Comparison


SoftwareGatsbyNetlifycmsHugoReact StaticWordpress
Github Star19466441923879403810633
ProCan use latest technology easily    
GraphQLO    
i18n  O  
PWAO    
ReactO    
StaticO    

2. How to use


    1. Gatsbyjs

https://www.gatsbyjs.org/docs/
npm install --global gatsby-cli
gatsby new gatsby-site
gatsby develop
gatsby build
gatsby serve

Deployment can be done following the procedure of
https://www.gatsbyjs.org/docs/deploy-gatsby/
    2. Netlifycms

You can create starter web site and repository if you have github account.
      1. Pros

Initiation is easy
      2. Cons

After coming back from GUI installation, I felt what I should do next parted from CLI flow.
    3. Hugo


https://gohugo.io/getting-started/quick-start/
brew install hugo
hugo version
hugo new site quickstart
cd quickstart;\
git init;\
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke;

# Edit your config.toml configuration file
# and add the Ananke theme.
echo 'theme = "ananke"' >> config.toml
hugo new posts/my-first-post.md
hugo server -D

vi config.toml
    4. React Static

npm install -g react-static
react-static create
cd my-static-site
yarn start # or react-static start
yarn stage # or react-static build --staging
yarn serve
yarn build
    5. Wordpress

Use static plugin
https://wordpress.org/plugins/simply-static/
3. Conclusion

As overall, it seems Gatsby is best tool for me to use for creation of static web page using react.

Add comment to this article


[Read other articles]
<=Newer article How to develop the service using gatsby
=>Older article Tune up meteor


All articles of this user
Subscribe to RSS
RSS
Term
Category
All
1.Japan
2.Atlassian's products
3.Self
4.Development of this site
5.Japanese comics
6.Japanese anime
7.Weekly hot news of Japanese culture
8.OP/ED/PV
9.Japanese game
10.Ranking
11.Japanese Comics (Manga)
12.Search Engine
13.Japanese drama
14.Japanese otaku culture
15.Programming
16.Ineternet world
17.Movie
18.C/C++
19.BerkeleyDB
20.Apache programming
21.Spam
22.Meteor
23.Marketing
24.Python
25.Scrum
26.JIRA
27.Git
28.CI
29.Jenkins
30.AWS
31.Operation
32.Singapore
33.Cloud
34.Mysql Cluster
35.DevOps
36.Bitbucket
37.Xamarin
38.Good and new
39.Monitoring
40.JavaScript(node.js)
41.React
42.Phillipines
43.Hiring
44.Python
45.SEO
46.Malaysia
47.Mongodb
48.Perl
49.Docker
50.Life hack
51.Dance
52.QA
53.Mysql
54.Digital Life Hack
55.Project management
56.Django
57.Gatsby
58.Administrator
Sayings from S-Cry-Ed

Rule in this world is speed. Even stupid person can write cool novel if he can spend 20 years for it.

If someone helped me, I will help him in return, which is my rule.

To become stronger, consider what is cowardliest thinking. And rebel against the thinking, which will make you stronger.



I am Japanese but working for some English sites.

Doctor Job Career
Nurse Job Career
Top Page top MetaSeachJP Works