Tech Blog
About Project:
A full stack application that consists of various technical blogs where users can learn many technologies from different categories. To build this application we use Strapi (a headless CMS) for backend API and NEXTJS framework forfrontend purposes. For passing any query we use Query-parser and to optimize searching feature DBounce is used so that user can search the required blogs. When we interact with the page we seen a progress bar so that we can wait till the page is load properly
Features of Project:
- User can see the user-interface which is made using Tailwind Css.
- User can read any post/blog.
- User can filter out blogs using category section.
- Also user can search the specific blog by typing in search bar section.
- One page consists of 6 blogs and if it is greater than 6 then pagination trigerred and we can see next/prev buttons.
- We can see one blog is made with different style for the UI purpose.
- When user click on some post/category then they can see the progress bar for loading the page.
Technology Used:
FRONTEND
- NextJS
- Typescript
- Tailwind CSS (for UI design)
- qs (query string parser)
- DBounce (for search optimization)
- next-mdx (for markdown)
- nextjs-progressbar (for progressbar loading)
BACKEND
- Scrapi (a headless CMS)
- Thunder Client (to test our API responce)
Project Images:
