Revamping the Improwised Technologies Website
At Improwised Technologies, we believe in innovation and forward-thinking that lead to improvement and optimization. We strive to provide our customers with the most efficient and effective web solutions. So we set upon a humble journey to optimize and improve the process of our website.
Why we needed a website revamp?
As an evolving organization, it became the need of the hour to empower teams with flexibility and independence. We wanted to give each team the freedom to manage the needs of his departmental content.
However, we didn’t want to let go of the benefits of a static website like reliability, cost-effectiveness, ease of maintenance, and much better SEO.
To achieve the best of both worlds for the new website, we decided to use our forte of creating a tailor-made solution.
A sneak into our tailor-made website solution
First of all, we decided to go with a content management system that is powerful and flexible that makes it easy for teams to manage content and keep it up to date.
What made us choose the Directus CMS?
After evaluating Strapi, Ghost & Directus, we finalized to go with Directus as it fulfills the majority of our requirements. With its intuitive user interface, robust schema, and easy deployment process, teams can quickly and easily update content and keep their users informed.
It also allows teams to track changes to the content and view the content in a rich UI that helps users make more informed decisions.
All of the content created in Directus is powered by a secure REST API, meaning anything can be synced with our website or apps.
The core of all content management is the schema, after defining a customized schema we can add content.
Finally, by using this method, teams can easily roll out content without being concerned about the intricacies of the deployment process with a few clicks.
Why did a need to establish a review system arise?
Administrators have granted individual teams access to their schemas. Communication and teamwork will be improved as a result. Administrative team members are able to manage their roles and responsibilities.
Also, websites earlier did not have anything like CI/CD (Continuous Integration/Continuous Deployment), so if anything was pushed to master that would serve directly without any review system. So many times it added to the work of a developer.
It led to an increased need to check for typos as well which is sometimes counterinitiative. So a need for a staging mechanism to verify all the content before those changes were made live and to add accountability for the content which is a much-needed request as the organization grows.
So there you have it! After verification, production github action would be triggered manually, it would transfer the latest build to a public github repository. From there, Cloudflare provides a secure connection and GitHub Pages host the website.
How we achieved the perfect blend of a dynamic and static website?
In order to achieve a fully static website, we served assets from the repo in addition to using the API link in the src attribute. To accomplish this, custom logic was returned in async data. This logic was responsible for downloading assets from the API and saving them in the static folder when the Nuxt.js generate command was run.
By doing this, we were able to preserve the benefits of static websites, such as faster load times and ease of maintenance.
The Nuxt.js framework, supported by vue & Directus API, is used to create the static website. Assets were consciously organized into categories based on how frequently they changed while the old theme was transferred to the new nuxt.js framework.
Assets with frequent changes went into Directus, while those that are permanently untouched status stays in the repo. For instance, the company address, technology stack, and logo.
We hope you like the new website and that it offers you a great experience. We strived to make our website more user-friendly and reliable.