HI,
I'm Matheus
Vidigal

Web Developer

Stack

NextJS

SSR and SSG, image optimization, code splitting, SEO, performance and processing.


    export const Header = () => {
        const headerLinks = useHeaderLinks
        const [scrolled, setScrolled] = useState(false)
        const [currentPath, setCurrentPath] = useState('')

        const handleScroll = () => window.scrollY > 0
            ? setScrolled(true) : setScrolled(false)

        useEffect(() => {
            setCurrentPath(Router.pathname)

            return () => setCurrentPath(Router.pathname)
        }, [currentPath])

        return <>...</>
    }

Projects

Slide 1 of 21
AutoSchoolCard project image

AutoSchoolCard

Updated on Mar 02, 2024

Star icon 0 Python
BiocubeBlog project image

BiocubeBlog

Updated on Jun 22, 2024

Star icon 0 TypeScript
BoletimEscolar project image

BoletimEscolar

Updated on Jun 21, 2024

Star icon 10 TypeScript
Ceap project image

Ceap

Updated on Aug 19, 2024

Star icon 1 CSS
Copa project image

Copa

Updated on Feb 06, 2023

Star icon 1 TypeScript
CV project image

CV

Updated on May 03, 2022

Star icon 0 TypeScript
DashGo project image

DashGo

Updated on Jan 10, 2022

Star icon 1 TypeScript
DescomplicaVideoDownloader project image

DescomplicaVideoDownloader

Updated on Mar 07, 2024

Star icon 0
Dev.Finances project image

Dev.Finances

Updated on Oct 10, 2024

Star icon 21 JavaScript
DiaNoiteJS project image

DiaNoiteJS

Updated on Jun 13, 2022

Star icon 4 JavaScript
FeedGet project image

FeedGet

Updated on Jun 13, 2022

Star icon 1 TypeScript
Fractals project image

Fractals

Updated on Mar 16, 2024

Star icon 0 Python
GeniusMemoryGame project image

GeniusMemoryGame

Updated on Mar 22, 2023

Star icon 0 JavaScript
Happy project image

Happy

Updated on Feb 03, 2024

Star icon 9 JavaScript
HeatsUp project image

HeatsUp

Updated on Oct 26, 2021

Star icon 1 TypeScript
Letmeask project image

Letmeask

Updated on Nov 28, 2022

Star icon 4 TypeScript
MemoryGame project image

MemoryGame

Updated on Nov 05, 2021

Star icon 0 HTML
MoveIt project image

MoveIt

Updated on Dec 31, 2023

Star icon 10 TypeScript
PeachCode project image

PeachCode

Updated on Aug 14, 2024

Star icon 0 TypeScript
Pedra-Papel-Tesoura project image

Pedra-Papel-Tesoura

Updated on Mar 14, 2024

Star icon 0 Python
Podcastr project image

Podcastr

Updated on Jan 24, 2024

Star icon 5 TypeScript
AutoSchoolCard project image

AutoSchoolCard

Updated on Mar 02, 2024

Star icon 0 Python
BiocubeBlog project image

BiocubeBlog

Updated on Jun 22, 2024

Star icon 0 TypeScript
BoletimEscolar project image

BoletimEscolar

Updated on Jun 21, 2024

Star icon 10 TypeScript
Ceap project image

Ceap

Updated on Aug 19, 2024

Star icon 1 CSS
Copa project image

Copa

Updated on Feb 06, 2023

Star icon 1 TypeScript
CV project image

CV

Updated on May 03, 2022

Star icon 0 TypeScript
DashGo project image

DashGo

Updated on Jan 10, 2022

Star icon 1 TypeScript
DescomplicaVideoDownloader project image

DescomplicaVideoDownloader

Updated on Mar 07, 2024

Star icon 0
Dev.Finances project image

Dev.Finances

Updated on Oct 10, 2024

Star icon 21 JavaScript
DiaNoiteJS project image

DiaNoiteJS

Updated on Jun 13, 2022

Star icon 4 JavaScript
FeedGet project image

FeedGet

Updated on Jun 13, 2022

Star icon 1 TypeScript
Fractals project image

Fractals

Updated on Mar 16, 2024

Star icon 0 Python
GeniusMemoryGame project image

GeniusMemoryGame

Updated on Mar 22, 2023

Star icon 0 JavaScript
Happy project image

Happy

Updated on Feb 03, 2024

Star icon 9 JavaScript
HeatsUp project image

HeatsUp

Updated on Oct 26, 2021

Star icon 1 TypeScript
Letmeask project image

Letmeask

Updated on Nov 28, 2022

Star icon 4 TypeScript
MemoryGame project image

MemoryGame

Updated on Nov 05, 2021

Star icon 0 HTML
MoveIt project image

MoveIt

Updated on Dec 31, 2023

Star icon 10 TypeScript
PeachCode project image

PeachCode

Updated on Aug 14, 2024

Star icon 0 TypeScript
Pedra-Papel-Tesoura project image

Pedra-Papel-Tesoura

Updated on Mar 14, 2024

Star icon 0 Python
Podcastr project image

Podcastr

Updated on Jan 24, 2024

Star icon 5 TypeScript
AutoSchoolCard project image

AutoSchoolCard

Updated on Mar 02, 2024

Star icon 0 Python
BiocubeBlog project image

BiocubeBlog

Updated on Jun 22, 2024

Star icon 0 TypeScript
BoletimEscolar project image

BoletimEscolar

Updated on Jun 21, 2024

Star icon 10 TypeScript
Ceap project image

Ceap

Updated on Aug 19, 2024

Star icon 1 CSS
Copa project image

Copa

Updated on Feb 06, 2023

Star icon 1 TypeScript
CV project image

CV

Updated on May 03, 2022

Star icon 0 TypeScript
DashGo project image

DashGo

Updated on Jan 10, 2022

Star icon 1 TypeScript
DescomplicaVideoDownloader project image

DescomplicaVideoDownloader

Updated on Mar 07, 2024

Star icon 0
Dev.Finances project image

Dev.Finances

Updated on Oct 10, 2024

Star icon 21 JavaScript
DiaNoiteJS project image

DiaNoiteJS

Updated on Jun 13, 2022

Star icon 4 JavaScript
FeedGet project image

FeedGet

Updated on Jun 13, 2022

Star icon 1 TypeScript
Fractals project image

Fractals

Updated on Mar 16, 2024

Star icon 0 Python
GeniusMemoryGame project image

GeniusMemoryGame

Updated on Mar 22, 2023

Star icon 0 JavaScript
Happy project image

Happy

Updated on Feb 03, 2024

Star icon 9 JavaScript
HeatsUp project image

HeatsUp

Updated on Oct 26, 2021

Star icon 1 TypeScript
Letmeask project image

Letmeask

Updated on Nov 28, 2022

Star icon 4 TypeScript
MemoryGame project image

MemoryGame

Updated on Nov 05, 2021

Star icon 0 HTML
MoveIt project image

MoveIt

Updated on Dec 31, 2023

Star icon 10 TypeScript
PeachCode project image

PeachCode

Updated on Aug 14, 2024

Star icon 0 TypeScript
Pedra-Papel-Tesoura project image

Pedra-Papel-Tesoura

Updated on Mar 14, 2024

Star icon 0 Python
Podcastr project image

Podcastr

Updated on Jan 24, 2024

Star icon 5 TypeScript

Most Used Technologies

Logo vercel
Logo motion
Logo yarn
Logo nextjs
Logo reactjs
Logo mongodb
Logo prisma
Logo npm
Logo axios
Logo vercel
Logo motion
Logo yarn
Logo nextjs
Logo reactjs
Logo mongodb
Logo prisma
Logo npm
Logo axios
Logo heroku
Logo auth0
Logo prismic
Logo chakra
Logo github
Logo git
Logo sass
Logo nodejs
Logo jest
Logo heroku
Logo auth0
Logo prismic
Logo chakra
Logo github
Logo git
Logo sass
Logo nodejs
Logo jest