Persisting data in Next.js using localStorage is very frustrating, and i have read a lot post, where other developers use other libraries, or cookie to accomplish the same effect as localStroage

How to persist and access data in Next.js using localStorage (TypeScript)

we first read the directory of the files we want, then if we encounter an error, when we throw the error,or we get the files, which is an array. we grab each file then join the directory to the file, so we get something like this

How to delete a specific file inside a nested folder

Rust is a cutting-edge systems programming language that has become quite popular in recent years because of its emphasis on concurrency, efficiency, and safety. It is renowned for its capacity to manage tasks that other high-level programming languages 

Important Rust Methods Every Rust Developer Should Know

Named Arguments take a name that stores a value. It is like declaring a variable to accumulate a value (string or numbers). So it works by specifying a name within the placeholder and assigning that name to a value, to be inserted inside the string in the placeholder, then displaying the output.

Rust Programming language: Some important things to know.

As someone new to TypeScript, getting the type right can be frustrating, so I will show you how to display data from Sanity CMS without any type error.  Firstly, if this is the first time hearing about Sanity CMS, it is an open-source headless real-time content management system, that can be used by any Web Framework. And it let you structure your content however you see fit, to build better digital experiences.

Typescript version of getStaticProps, getStaticPath, and getServerSideProps in NextJS

TailwindCSS is something you can never stop using once you have tasted it, but if you're new to TailwindCSS, I recommend checking the docs before googling. So let's start.

How To Separate A Text Or Element With A Dot In TailwindCSS

To be able to calculate the mean of an array or any data, you first have to know how the mean is been calculated. So to simply obtain the value of a mean, you have to add all the values in the data set, then divide the summation of the data set by the number of the data items, inside the data set.

How To Calculate The Mean Of An Array In Rust

KloudBox is a web application developed by me, that serves as a file cloud storage service, designed to store and manage user files. The platform allows users to upload their files, generate a link to the file, and easily share it with others. The project was started on 12th February 2023 and built using Next.js and Tailwind CSS for the front-end, and Node.js for the back-end.

Using these tools and technologies allowed me to efficiently and effectively build KloudBox, providing a reliable and scalable solution for file storage and sharing.

I used Next.js and Tailwind CSS, two popular web development frameworks that allow for efficient and flexible development of responsive web applications. Next.js is a React-based framework that provides server-side rendering, automatic code splitting, and easy client-side routing, making it a great choice for building modern web applications. Tailwind CSS is a utility-first CSS framework that allows for easy customization and consistency in web design.

I used Node.js, a popular server-side JavaScript runtime that allows for fast and scalable development of web applications. Additionally, the backend REST API was deployed on an AWS EC2 virtual server, providing a scalable and reliable infrastructure for the application.

I used Sanity.io CMS, a headless CMS that allows for easy management of content without being tied to a specific front-end. Sanity.io provides a user-friendly interface for creating and managing content, making it easy for non-technical users to update and maintain the website.

KloudBox features an easy-to-use user interface and provides the following functionalities:

Automatic file link generation with an expiry date

Built with TypeScript for added robustness

Restful API deployed on AWS EC2 virtual server

During the development of KloudBox, several challenges were encountered, such as:

Programmatically creating and deleting directories in the backend

Persisting data using LocalStorage in Next.js on the frontend

Despite the challenges encountered, I was able to overcome them by writing my own custom code.

The entire project was written in TypeScript, a statically typed superset of JavaScript that provides better tooling, type checking, and code organization, making it easier to write and maintain large-scale web applications.

Overall, the use of these tools and technologies allowed me to efficiently and effectively build KloudBox, and provide a reliable and scalable solution for file storage and sharing.

KloudBox is a web application that provides file storage and sharing capabilities. The project was started on February 12, 2023, and was built using various tools and technologies. The frontend was built with Next.js and Tailwind CSS, providing an efficient and flexible development environment for creating responsive web applications. 

KlaudBox

Transcend Logistics is a logistics company that provides transportation and distribution services to businesses. The company wanted a new website that would allow customers to easily request quotes and connect with their team. The website was designed to be user-friendly and accessible, while also being optimized for search engines and fast loading times.

The website was built using Next.js, a popular React framework for building server-side applications. Next.js was chosen because it allows for fast page rendering and server-side rendering, which helps with SEO and performance.

The website also uses Sanity.io, a headless CMS that provides a flexible content model and an easy-to-use editing interface. This allows the Transcend Logistics team to easily update content on the website, without needing to involve developers in every change.

In terms of design, the website was developed with a clean and modern aesthetic, with a focus on user experience. The website features several forms for customers to request quotes and connect with the Transcend Logistics team, as well as clear calls-to-action and messaging throughout the site.

One of the main challenges faced during the project was ensuring that the website was accessible to all users, including those with disabilities. This involved following best practices for accessibility, such as using proper markup and providing alt text for images.

Another challenge was ensuring that the website was optimized for search engines, while also providing a good user experience. This involved following best practices for SEO, such as using descriptive titles and meta descriptions, while also making sure that the website loaded quickly and was easy to navigate.

The new Transcend Logistics website was developed to be a user-friendly and accessible platform for customers to request quotes and connect with the company. By using modern technologies and best practices, the website is fast, efficient, and easy to use. The new website is a significant improvement over the previous site and is sure to help Transcend Logistics continue to grow and serve its customers.

Our mission is to empower the best team in logistics to deliver exceptional experiences that create value for our partners. We are more than just a full-service logistics company. Behind our services, technology and systems stands a talented team that truly delivers results and drives everything we do.

Transcend Logistics

Finlac IT & Engineering is a CCTV website that allows customers to contact professionals for help with the installation or repair of CCTV systems. This documentation provides an overview of the project, including the tools used, features added, and any challenges faced during development.

The project was built using the following tools and technologies:

TailwindCSS - a utility-first CSS framework used for styling the website.

Next.js - a React-based framework used for building server-side rendered web applications.

Sanity.io - a headless CMS (Content Management System) used to manage the content of the website.

TailwindCSS was chosen for its ease of use and flexibility in styling web pages. Next.js was chosen for its performance and ability to provide server-side rendering for improved SEO. Sanity.io was chosen for its user-friendly interface and ease of use in managing website content.

The following features were added to the Finlac IT & Engineering website:

Contact Form - a form that allows customers to request an inspection from the client before proceeding with any installation or repair work.

Blog Section - a section of the website dedicated to blog posts, managed through Sanity.io CMS. This allows for easy updates and changes to be made without requiring any complex technical knowledge.


The design of the Finlac IT & Engineering website was entirely handled by me, using tools such as Figma for creating the website's design. The website was designed with a focus on simplicity and ease of use, with a clean and modern layout.

The colour scheme used for the website was kept simple, with a dominant shade of red used throughout the website to provide a consistent and professional look. The font choice for the website was also kept simple, with clear and legible fonts used throughout to ensure easy readability.

The layout of the website was designed to be easy to navigate, with a clear menu that allows users to quickly find the information they need. The home page includes a prominent call to action button to encourage users to contact the client for their CCTV needs.

Overall, the design of the Finlac IT & Engineering website is simple, modern, and easy to use, with a focus on providing users with a clean and professional experience.

No major challenges were encountered during the development of this website, thanks to the use of well-documented and well-supported tools like TailwindCSS, Next.js, TypeScript, and Sanity.io.

Finlac IT & Engineering is a CCTV website that provides customers with easy access to professionals who can help with CCTV installation and repair. The website was built using TailwindCSS, Next.js, TypeScript, and Sanity.io, and includes features such as a contact form and blog section. No major challenges were faced during the development of the website, and the end result is a functional, user-friendly website that is easy to maintain and update.

Finlac IT & Engineering is a CCTV website that provides users with access to professionals who can help with CCTV installation and repair. The website was designed and built by me in just one week, using tools such as TailwindCSS, Next.js, and Sanity.io.

Finlac IT & Engineering 

This is a Web 3.0 web application that showcase users asset, which allows other users to view, saved, and appreciate the art, music or framing asset by sending ETH to the creator. TechStack: React.js, Typescript, Tailwindcss, Solidity(Thirdweb), Node.js/Express.js.

This is a Web 3.0 web application that showcase users asset, which  allows other users to view, saved, and appreciate the art, music or framing asset by sending ETH to the creators.

MetaDisplay

Welcome to my portfolio, a showcase of my skills in web development using the latest technologies such as Tailwind CSS, TypeScript, and Sanity CMS. Through carefully crafted designs and efficient coding practices, I strive to create intuitive and visually stunning user experiences. From responsive web pages to dynamic web applications, my portfolio demonstrates my ability to deliver high-quality solutions tailored to meet the unique needs of each project.

Welcome to my portfolio, a showcase of my skills in web development using the latest technologies such as Tailwind CSS, TypeScript, and Sanity CMS. Through carefully crafted designs and efficient coding practices, I strive to create intuitive and visually stunning user experiences. From responsive web pages to dynamic web applications, my portfolio demonstrates my ability to...

RE Portfolio Web App

Airby Blog is a blog project that I developed using various technologies such as TypeScript, Tailwind CSS, Next.js, CMS Sanity.io, and Disqus for commenting. The project's main goal is to provide a platform where users can read and engage with interesting blog posts on various topics.

The Airby Blog project was developed with the following objectives in mind:

To create a modern, responsive and user-friendly blog

To enable the creation and publishing of blog posts

To provide an easy way for users to read and navigate through the blog

To integrate a commenting system to enable readers to engage with the blog

To ensure the blog is optimized for search engines

The tech stack used for this project includes TypeScript, Tailwind CSS, Next.js, CMS Sanity.io, and Disqus. Here's a brief overview of each of these technologies and why they were chosen:

: TypeScript is a statically typed language that offers better type safety, improved code maintainability and productivity. Its use in this project ensures better error handling and makes the code more readable and maintainable.

: Tailwind CSS is a utility-first CSS framework that enables developers to create responsive and modern UIs quickly. It was chosen because of its simplicity and flexibility.

: Next.js is a React-based framework that offers server-side rendering, static site generation, and client-side rendering. Its use in this project ensures fast page loads and better SEO.

: CMS Sanity.io is a headless CMS that enables developers to create, manage and deliver content easily. Its use in this project ensures an easy way to create and publish blog posts.

: Disqus is a commenting system that enables users to leave comments and engage with the blog. Its use in this project ensures better user engagement and feedback.

One of the main challenges faced during the development of the Airby Blog project was integrating the Disqus commenting system into the blog. The process involved creating an account with Disqus, configuring the Disqus plugin, and ensuring that the comments were properly displayed on the blog.

Another challenge was optimizing the blog for search engines. This involved ensuring that the blog was properly structured, using appropriate meta tags and ensuring that the blog was properly indexed by search engines.

The Airby Blog project was completed within one week. The project was split into smaller tasks, and each task was assigned a deadline to ensure timely completion.

The Airby Blog project was an interesting and challenging project that enabled me to learn and improve my skills in web development. The use of technologies such as TypeScript, Tailwind CSS, Next.js, CMS Sanity.io, and Disqus made the project more robust, responsive, and user-friendly. I believe that the Airby Blog project has the potential to become a popular platform for users to read and engage with interesting blog posts.

Airby Blog is a modern and user-friendly blog built with TypeScript, Tailwind CSS, Next.js, CMS Sanity.io, and Disqus for commenting.

Airby Blog

Objective: To create a professional and user-friendly website for XYZ Company that will showcase their products and services, provide information about the company, and allow customers to make inquiries and place orders.

Design and development of a responsive website that will work on all devices (desktop, tablet, mobile)

Integration of a content management system (CMS) for easy updates and maintenance

Implementation of an e-commerce platform for online sales

Integration of social media links and a blog section

Implementation of a contact form and live chat support

Implementation of SEO techniques to improve search engine ranking

Integration of Google Analytics to track website traffic and user behavior

Note: This is just a sample project brief and specific requirements will vary depending on the company and their needs.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut en