News App
January 1, 2023
pratik karki
Building News-App using Next.js , TypeScript , MediaStack , GraphQL, StepZen and Tailwind CSS. Together, these tools and frameworks can be used to build feature-rich, scalable web applications Read More.....
Facebook Clone
News-app :
Summary and Experience:-
As a web developer, I am always looking for new and exciting projects to challenge myself and improve my skills. Recently, I had the opportunity to build a news app using a variety of technologies, and it was an incredibly rewarding experience.
To build the app, I decided to use NextJS 13 as the framework. NextJS is a powerful framework for building server-rendered React applications, and it has a number of features that can improve the performance and SEO of the app, such as automatic code splitting and optimized production builds.
I also decided to use TypeScript to improve the reliability and maintainability of the code. TypeScript is a typed superset of JavaScript that offers static type checking and a more intuitive syntax, making it easier to catch errors and write scalable code.
To handle media processing and delivery, I used MediaStack. MediaStack is a media processing and delivery platform that offers a range of features such as image resizing and video transcoding. It was easy to integrate with the app and greatly improved the performance and scalability of media-heavy content.
For the back-end of the app, I used Strapi. Strapi is an open-source headless content management system (CMS) that offers a range of features such as customizable data structures, real-time collaboration, and role-based permissions. It was a powerful tool for building and managing the content of the app.
To handle data fetching and manipulation, I used GraphQL. GraphQL is a query language for APIs that allows you to request and receive specific data from your server.
Why NextJs 13, TypeScript, MediaStack, StepZen and Tailwind ?
- NextJS 13 is a framework for building server-rendered React applications. It has a number of features that can improve the performance and SEO of your web applications, such as automatic code splitting and optimized production builds.
- TypeScript is a typed superset of JavaScript that can help you write more reliable and maintainable code. It offers static type checking and a more intuitive syntax, making it easier to catch errors and write scalable code.
- MediaStack is a media processing and delivery platform that can be used to handle tasks such as image resizing and video transcoding. It can be easily integrated with a web application to improve the performance and scalability of media-heavy content.
- Strapi is an open-source headless content management system (CMS) that can be used to build and manage a web application. It offers a range of features such as customizable data structures, real-time collaboration, and role-based permissions, making it a powerful tool for building content-driven apps.
- GraphQL is a query language for your API that allows you to request and receive specific data from your server. It can be used to build more flexible and efficient APIs and can be easily integrated with a variety of technologies.
- TailwindCSS is a utility-first CSS framework that can help you quickly create custom designs for your web applications. It offers a wide range of pre-designed classes and can be easily customized to fit the specific needs of your project.
Overall, This Project made me so excited wow Fantastic app.
You can Check it on : https://news-app-pratik-np.vercel.app/