How to make a frontend for an encyclopedia site?

Question

Web development

We plan to implement an encyclopedia with 50k pages. All pages must be indexed by search engines. At the same time, the project will have a fairly extensive live search for records and integration with the google map api. Tell me, is angular suitable for such a project? Or if indexing is necessary, then it is worth abandoning the js framework? The backend is powered by node.js.

Answer 1

I would choose react + redux.

Answer 2

The described functionality does not pull on any js framework.

Answer 3

The second Angular will work fine. He knows how to work on the server side. Including, you can pre-render pages on the server, so that it will be indexed. Plus, soon it will be possible to make mobile applications.
But there is a small problem: the framework itself is still at the RC stage, and there is very little information on it. If there is trouble with English, then it will be necessary to wait until people write articles in Russian.
Personally, learning the framework from its sources does not bother me, so I already use it and am satisfied so far.

Answer 4

My friend has such a site, only there are 70k pages. Pure html + php no react, redux, angular, jquery, node.js - everything works fine, almost all pages are in the index.

Answer 5

html+jquery and not toil with angular

Answer 6

The question is strange, honestly.
Yes, which is convenient. If you do not overdo it with animation and do not support ancient browsers, the native is perfect here. Moreover, the pages will probably follow the same template.

Answer 7

Try adding to tr dotted. There was a similar question on the toaster, I'm already looking for it.
UPD : I will not give a link to the question, I will immediately give a link to an example .

Answer 8

but in this case, if either the key or the values ​​have spaces, the words wrap and the result is wrong.

white-space: nowrap;

Answer 9

You can try making one div with a dotted bottom border.
On the left side of it, put a span with the word, and on the right - with the value.

<div>
    <span>Игровой жанр</span>
    <span>Action</span>
</div>

div {
border-bottom: 1px dotted #000;
}

span:first-of-type {
float: left;
}

span:last-of-type {
float: right;
}