A Dynamic Blogging website with image upload using Next.js and server side rendering.
This project is a based on blog websites with image uploads to server and article or story writing about them by authors.
Currently only Admin(me) can upload image or complete article on this website. This project also uses Next-auth feature to provide login auth for Admin Login.
This project uses SSR Environment with dynamic rendering of data.
This time, instead of creating basic components like for different design a new different component, I rather created a complex yet simple to configure component which can be used as per design needs.
Check Card Component and Icon Component for referrence.
Instead of using CSS media queries and styling each component as per each screen size, I used custom media query hook to trigger rendering different styled component instead of bulking styling with media queries.
Normally i use SVG icons direct import in component as only footer or Navbar needs them but in this project it was different. Due to many icons or mock-ups involved as per design, I preferred more dynamic procedure.
I created single component to render those SVG Icons dynamically. All SVG Icons were broken down in parts to work according JSX format.
Check Icon.js file for complete referrence.
This project was created using create-next-app. Please do read and follow Next.js Docs for complete understanding of working with Next.js framework.