Improving web development process of MERN stack
Nguyen, Bang (2021)
2021
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202105209613
https://urn.fi/URN:NBN:fi:amk-202105209613
Tiivistelmä
The objective of this thesis was to discuss and improve the web development process of the MERN stack. The web application should have the Admin dashboard for content management and the client-side for normal users, which is similar to the common CMS such as WordPress, Drupal, or Joomla.
The frontend will be built using React; in this thesis, the author decided to use Next.js, which is the React framework that provides server-side rendering, routing, and tooling. Besides Next.js, the application also implemented Apollo to manage data such as GraphQL mutation, queries, and data caching.
For the backend, the author used KeystoneJS is a headless CMS framework to build server applications that connect with a database. KeystoneJS is based on Express for Node.js and uses MongoDB as its default database. Unlike WordPress, where the website can be set up by non-technical users, KeystoneJS requires more technical knowledge to develop a website, and the developer can customize everything to build a specialized application system and APIs.
The frontend will be built using React; in this thesis, the author decided to use Next.js, which is the React framework that provides server-side rendering, routing, and tooling. Besides Next.js, the application also implemented Apollo to manage data such as GraphQL mutation, queries, and data caching.
For the backend, the author used KeystoneJS is a headless CMS framework to build server applications that connect with a database. KeystoneJS is based on Express for Node.js and uses MongoDB as its default database. Unlike WordPress, where the website can be set up by non-technical users, KeystoneJS requires more technical knowledge to develop a website, and the developer can customize everything to build a specialized application system and APIs.