index.html自動更新について

おはようございます。まだまだ初学者です

現在、HPを作成しているのですが、手法と構成を練り悩んでおりまして、ご教授いただければ幸いです
下記のように、sectionタグをどんどん追加し、index.htmlを構成したいと考えています
なお、articleタグを逐次追加するので、無限スクロールも考えましたが、作成するサイトには不都合なので、ページネーションを採りました。

html
1  <body>
2    <header>...</header>
3    <nav>...</nav>
4    <article>　<section>...</section>　</article>
5    <article>　<section>...</section>　</article>
6　　　：
7    <article>　<section>...</section>　</article>
8
9    <div class='wp-pagenavi' role='navigation'>
10 　　 <span aria-current='page'>1</span><a title="Page2">2</a><a　title="Page 3" >3</a><a title="Page 4" >4</a><a title="Page 5">5</a><span>...</span><a title="Page 10">10</a><span>...</span><a class="nextpostslink">次へ</a>
11    </div>
12    <footer>...</footer>
13  </body>

ここで、質問なのですが、
sectionタグ逐次追加に関して、index.htmlの自動編集や新規htmlファイルの自動生成ができるプログラムってあるのでしょうか？？

もしありましたら、概念やプログラム名だけでもよろしいのでお教えて下さい。

また、同時系列で別の質問を上げさせていただきました。お目通しいただけると幸いです。

m.ts10806

2021/01/05 23:11

>wp-pagenavi WordPressの話でしょうか。

A_kirisaki

2021/01/05 23:12

どれくらいの動的具合が必要ですか？例えば閲覧者がリアルタイムで書き込んでどんどん増えていくのか、それとも管理者が項目を増やす手間を減らす程度でよいのか。度合いによっても提案できる手法は変わってきます。

Kosketu

2021/01/05 23:18 編集

＞m.ts10806さん基本的にWordPressは利用しない方向性です！！コピペで残ってました。すいません汗＞＞A_kirisakiさん後者の方です！！工数を減らしたいなと思って投稿してみました！！

m.ts10806

2021/01/05 23:29

＞工数を減らしたいなと思って投稿してみました CMS使ってください。自前でCMSに近しいものを作れる技術がないのでしたら、結局CMSです。

Kosketu

2021/01/05 23:37

＞m.ts10806さんありがとうございます！！CMSを利用できるように調べていきます！！二つの質問に目を通していただいて誠にありがとうございます！！

m.ts10806

2021/01/05 23:55

WordPressはCMSの1つです。

Kosketu

2021/01/06 01:08 編集

はい！！先程、自身でも調べて理解が深まりました！！今回とは別ですが、自身の目標通過点がAngularJSでしたので、CMSは補足として学んでおくべき点だと感じたので、これから研鑽を積んでまいります！！

行動規範の内容に同意します

回答2件

Step1.PHPを習得
Step2.Laravelフレームワークを使用して開発

が、個人的にはおすすめです。
Laravelは学習コストが高めですが、ページの動的生成およびページネーションを簡単に実装できます。

Laravel公式ドキュメント「データベース：ペジネーション」

投稿2021/01/05 23:55

編集2021/01/05 23:58

退会済みユーザー

総合スコア0

Kosketu

2021/01/06 00:01 編集

ご回答ありがとうございます！！！すいません、先に別の方の回答をBAにしておりました汗サーバーサイド言語がまだ理解できてないので、これを機会に徹底してみようと思います！！フレームワークもご紹介いただきありがとうございます！！

退会済みユーザー

2021/01/06 00:22

Laravelは、慣れると生PHPには戻れないほど優秀なフレームワークです。（私の好みに合ってるのもありますが）サーバーサイドは避けて通れないので、頑張って勉強してください。詰まったらteratail！ですよ。

Kosketu

2021/01/06 04:12

承知しました！！詰まったらteratali！ですね！！また、わからない点が出た際に、お力添えを頂けると大変嬉しいです！！ありがとうございました！！

行動規範の内容に同意します

ベストアンサー

静的サイトジェネレーター + GitHub + ホスティングサービスという組み合わせが適しているでしょう。静的サイトジェネレーターとは markdown や json などから Web ページを自動的に作成してくれる仕組みです。ページネーションも自動で付けてくれるものもあります。ホスティングサービスでは GitHub のソースコードを読み込んで静的サイトジェネレーターが自動的に走り、HTML を勝手に配信してくれます。Wordpress を自分で管理するよりもずっとお手軽なので是非オススメしたいです。

静的サイトジェネレーターとそのホスティングサービスは様々ありますが、わたしがおすすめしたいのは Next.js と Vercel の組み合わせです。ほぼ設定もいらずにテンプレートを見つけて Web サイトを始めることが出来ます。

投稿2021/01/05 23:24

A_kirisaki

総合スコア2853