rayelliott
/
hugo-blog
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

initial draft complete

This commit is contained in:
ray 2020-02-11 15:25:44 +00:00
parent 3105551bf3
commit 427d056286
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
content/posts/flowmm.md
View File

@ -28,13 +28,13 @@ Instead of reloading an entire page, when maybe only one small component of the
So, once the initial page is loaded, the amount of data that needs to be transmitted can be greatly reduced. So, once the initial page is loaded, the amount of data that needs to be transmitted can be greatly reduced.
This also has the benefit of an improved user experience. This also has the benefit of an improved user experience.
Navigation and updates to the state of the site appear to be almost instant, similar to a native application, rather than lengthy page reloads typically associated with websites. Navigation and updates to the state of the site appear to be almost instant, similar to a native application, rather than more lengthy page reloads typically associated with websites.
**Vue.js** is a modern JavaScript framework for creating web interfaces. It makes use of the virtual DOM, is small and fast, and is an ideal foundation for an SPA. **Vue.js** is a modern JavaScript framework for creating web interfaces. It makes use of the virtual DOM, is small and fast, and is an ideal foundation for an SPA.
However, Vue along with other SPA frameworks do have some disadvantages. However, Vue along with other SPA frameworks do have some disadvantages.
The main disadvantage is regarding **Search Engine Optimisation**. A major disadvantage is regarding **Search Engine Optimisation**.
SPAs can require a relatively long initial page load, and aren't as efficiently crawled by search engine crawlers due to the heavy use of JavaScript. SPAs can require a relatively long initial page load, and aren't as efficiently crawled by search engine crawlers due to the heavy use of JavaScript.
This means sites requiring SEO, need to take steps to mitigate these issues. This means sites requiring SEO, need to take steps to mitigate these issues.
@ -44,12 +44,14 @@ The HTML can be quickly displayed by the client browser, reducing the initial pa
This may be taken even further, if desired, so that *all* pages are rendered on the server. In effect, creating a static site. This may be taken even further, if desired, so that *all* pages are rendered on the server. In effect, creating a static site.
This will then bring all the benefits of a fast, easily indexable static site. This will then bring all the benefits of a fast, easily indexable static site.
These, **Server Side Rendered** applications can require a lot of setting up These, **Server Side Rendered** applications can require a lot of setting up.
There are also a number of pitfalls and considerations that need to be kept in mind. There are also a number of pitfalls and considerations that need to be kept in mind.
For example, as there are no requests for new pages, the browser history needs to be managed. To name a few:
There are many threats of security vulnerabilities and exploits.
Although browser standards have improved over time, there are still a number of differences in behaviour between the many devices and browsers in use. * there are no requests for new pages and so the browser history needs to be managed,
* there are many threats of security vulnerabilities and exploits,
* although browser standards have improved over time, there are still a number of differences in behaviour between the many devices and browsers in use.
This is where a framework such as **Nuxt.js** comes in. This is where a framework such as **Nuxt.js** comes in.
A lot of the tedious scaffolding is taken care of and being a fully tested, mature framework, we can be confident that many common, and not so common, issues have already been solved and tested for. A lot of the tedious scaffolding is taken care of and being a fully tested, mature framework, we can be confident that many common, and not so common, issues have already been solved and tested for.
@ -68,7 +70,7 @@ simple. A visually appealing, elegant site, with some background information and
to use method for applicants to sign up with. to use method for applicants to sign up with.
A monochromatic colour scheme was chosen. I felt that a primarily black and A monochromatic colour scheme was chosen. I felt that a primarily black and
white colour scheme that uses the brand colour of orange would give a classy and white colour scheme that uses the brand colour of orange as an accent would give a classy and
elegant feel to the site. elegant feel to the site.
**Montserrat** and **Lato** were the fonts chosen for the headings and body text respectively. **Montserrat** and **Lato** were the fonts chosen for the headings and body text respectively.