#opensource
WOC 3 | Website

WOC 3 | Website

During the Winter of Code 3.0 program, I migrated IIIT Kalyani's website from JavaScript to TypeScript and React to Next.js, implementing various optimizations to enhance its performance and SEO capabilities. The project was successful in improving the website's code quality, reducing load time, and improving user experience.

During my time in the Winter of Code 3.0 program by IIIT Kalyani, I had the opportunity to work on an exciting project to enhance the performance and SEO capabilities of the organization's website. This project involved shifting the website from JavaScript to TypeScript and React to Next.js, as well as implementing various optimizations to further improve its performance.

I began by carefully analyzing the existing website and identifying areas that could be improved. I then started the migration process by converting the existing JavaScript code to TypeScript. This involved adding type annotations and refactoring the code to make it more maintainable and scalable. This step was essential in improving the code quality and reducing the chances of runtime errors.

Next, I migrated the website from React to Next.js. This involved creating a new codebase using the Next.js framework and migrating the existing React components to the new codebase. This step was crucial in improving the website's performance and SEO capabilities by reducing the load time and improving the user experience.

To further enhance the website's performance, I implemented various optimizations, including lazy loading of images, using server-side rendering, and optimizing the code and images for faster load times. These optimizations were essential in making the website more accessible to users and search engines alike, thereby improving its overall visibility and performance.

By shifting the website from JavaScript to TypeScript and React to Next.js and implementing various optimizations, I was able to significantly enhance the website's performance and SEO capabilities, making it more accessible and user-friendly.


Technologies Used

NextJS
NextJS
TypeScript
TypeScript
TailwindCSS
TailwindCSS
Git
Git