/udemy-blog

Simple blog using Next.js and Sanity CMS

Primary LanguageTypeScript

Udemy Blog

Course

This repo contains all the code produced during the course "Desenvolvendo Blog Internacional com Sanity e Next " on Udemy, unfortunately this course is no more available to buy.

This course is focused in use Sanity CMS, as content manager, and Next.js as frontend framework to build a dynamic blog, where the user can easly create, edit or delete new posts easly.

🛠 Skills

nextjs tailwindcss typescript sanity

Changelog

On this section you can find some of the changes I have made during this course

  • Custom layout:
    • On this repo you will not find the same layout as the course, I have been searching for inspiration on Figma, Pinterest, Dribble, etc.
  • Use Tailwind CSS instead of Sass;
  • Use "monorepo";
  • Add ESLint and Prettier config;
  • Add Husky hooks;
  • Use wsrun to run multiple scripts at once.

Layout changes

I didn't follow the original design of the course, but the big changes are:

Custom Code Block
code
  • using react-syntax-highlighter;
  • add copy button;
  • add filename with extension on top;
Used Dracula theme colors.
Custom Quote
quote
  • Create custom quote block, with quote and author or source;
Custom Author Footer
author
  • button to copy blog post link;
  • show all author details (social links, bio and photo);
Pagination
author
  • Disable Next.js Link when doen't have next/previous page;


Blog Post Layout (entire page)

This is the overall layout for an entire blog post.

🔗 More About Me

linkedin twitter instragram