Blog - ⚡️ Blog pessoal onde publico artigos relacionados a dev. Desenvolvido com Next.js e TailwindCSS

Overview

⚡️ Blog

Blog pessoal desenvolvido com Next.js e TypeScript

ℹ️ Sobre o projeto

Este projeto consiste em um blog pessoal, onde futuramente farei posts dando dicas e passando conhecimentos que eu adquiri e que irei adquirindo ao longo de minha carreira.

Demonstração

Veja abaixo uma foto do projeto. Image from Gyazo

Você pode conferir o resultado final em: https://blog.caioaugusto.dev/

🎯 Objetivo do projeto

Foi realizado este projeto com o intuito de aplicar os conhecimentos adquiridos com Next.js e TailwindCSS.

📝 Tecnologias

Para a realização desse projeto foi utilizado as seguintes tecnologias/linguagens:

⚙️ Instalação

Para que este rode em sua máquina, siga os passos abaixo:

# Clone o repositório em alguma pasta em sua máquina
$ git clone https://github.com/CaioAugustoo/blog.git

# Entre no repositório
$ cd blog

Instale as dependências digitando no termimal:
$ yarn install

Rode a aplicação no modo de desenvolvimento.
$ yarn dev

Abra http://localhost:3000 no seu navegador para visualizar o projeto

Template por: https://github.com/timlrx/tailwind-nextjs-starter-blog

You might also like...

template with nextts, eslint&prettier, husky&lint-staged, tailwindcss&styled-components

Setup npm i Use VSCode, make sure the recommended eslint and prettier plugins are installed. Automatic linting should occur when you save! npx husky i

Mar 9, 2022

My JAMStack website/blog [Next / MDX / ChakraUI]

My JAMStack website/blog [Next / MDX / ChakraUI]

carlosazaustre.es Personal website/blog Technologies used Next.js React.js @emotion/styled ChakraUI MarkdownX Vercel Support If you like my work, you

Dec 25, 2022

Next.js + Prisma + Supabase simple Blog example

Next.js + Prisma + Supabase Blog Project About the Project Prisma connects the PostgreSQL Database provided by Supabase by using postgres connection s

Nov 19, 2022

A beautiful and easy in hand blog made by Next.js Material-ui

Material-blog A beautiful and easy in hand blog made by Next.js Material-ui! Deploy your own Deploy the example using Vercel: Usage Install node_modul

Mar 3, 2022

Next.js Blog Template

A simple blog template to quickly get started with writing. It has a clean design and provides a lot of flexibility.

Sep 5, 2022

Next-multipart - Easy & Simple File Uploads for Next.js

Next-Multipart Next-multipart is a small utility library to ease the process of file uploads with Next.js. It uses formidable under the hood, but with

Nov 11, 2022

🖥️react-blog:用React写的一款个人博客系统,有博客展示页面和后台管理页面,可以管理文章、分类、标签、相册、说说、时间轴、留言、友链等信息。

🖥️react-blog:用React写的一款个人博客系统,有博客展示页面和后台管理页面,可以管理文章、分类、标签、相册、说说、时间轴、留言、友链等信息。

这是个人博客系统的博客展示页面,后台管理页面仓库见「react-blog-admin」。 0. 看这里 ✔️ 这是我自己用 React 写的个人博客系统,起初的目的就是作为个人使用,所以代码有很大的局限性(根本原因是因为自己太菜 🤣 🤣 🤣 )。 欢迎大家star、fork,互相交流学习! ?

Dec 22, 2022

My website. Portfolio and blog in one.

Infi.sh The code that's running infi.sh. License This project is licensed under the MIT license. This excludes all of the content in the public/ and _

Sep 18, 2022

Kişisel blog sitesi

Kişisel blog sitesi

Tailwind Nextjs Başlangıç Blogu = projeyi kolayca deploy edebilirsiniz. Benim sitem- projenin yayınlanmış hali. Klonlamış Olduğum Repo Bu proje Next.

Jan 4, 2022
Comments
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 47% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /public/static/images/logo.png | 19.29kb | 8.85kb | 54.13% | | /public/static/favicons/mstile-150x150.png | 5.84kb | 2.71kb | 53.62% | | /public/static/favicons/android-chrome-96x96.png | 3.69kb | 1.86kb | 49.70% | | /public/static/favicons/apple-touch-icon.png | 2.98kb | 1.55kb | 48.01% | | /public/static/favicons/favicon-32x32.png | 1.23kb | 0.85kb | 31.04% | | /public/static/favicons/safari-pinned-tab.svg | 1.08kb | 0.96kb | 10.88% | | /components/social-icons/mail.svg | 0.22kb | 0.21kb | 4.02% | | /data/logo.svg | 2.96kb | 2.95kb | 0.43% | | | | | | | Total : | 37.29kb | 19.93kb | 46.55% |


    📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace

    ~Imgbot - Part of Optimole family

    opened by imgbot[bot] 1
Owner
Caio Augusto
Software Engineer | Front-end | React.js, TypeScript, GraphQL
Caio Augusto
Personal website and blog made using NextJS, TailwindCSS, GraphCMS, and MDX bundler

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

null 12 Aug 21, 2022
trying to clone tiktok using next, typescript, tailwindcss and hasura graphql. For educational purposes only

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

null 2 Jan 4, 2022
Um aplicativo meteorológico simples desenvolvido com React

React Weather Um aplicativo meteorológico simples desenvolvido com React Live Demo on Vercel API Os dados meteorológicos são recuperados de http://ope

Fabio J Raminhuk 10 Oct 29, 2022
Projeto desenvolvido durante a imersão React proporcionada pela @alura @omariosouto @peas .

Aluracord Projeto desenvolvido durante a Imersão React (21/01/2022 -- 31/01/2022), proporcioando pela Alura. Professores: Mario Souto; Paulo Silveira;

null 6 Feb 12, 2022
Projeto desenvolvido durante a imersão React da Alura

Arcanecord (Imersão Alura) Sobre Chat em real-time, baseado na interface gráfica do Discord. Projeto feito enquanto acompanhava as aulas da 4ª Imersão

Natália Francisco da Silva 7 Sep 6, 2022
Projeto desenvolvido durante a Imersão React da Alura

Alura Witcher Alura Witcher é tematizada no universo do jogo The Witcher 3 e é uma variação da aplicação que desenvolvemos durante a Imersão React da

Luiz Oliveira 13 Feb 7, 2022
Aplicativo mobile desenvolvido para o FF-Hackathon.

✔️ AllTo - FF Hacka | Shawee ✔️ FF Hacka | Project | Technologies | How to use | License ℹ️ What's FF Hacka? Hackatons são eventos que envolvem tecnol

Thiago Mata 2 Jun 17, 2022
Boiler-Plate for web development using dev-portfolio library.

dev-portfolio-app Boiler-Plate for web development using dev-portfolio library. ?? Caution!! This is depending on create-dev-portfolio as a Boiler-Pla

모던 애자일 21 Nov 4, 2022
This is my portfolio GitHub clone website. The frontend is build using NextJS and TailwindCSS.

Github Clone Portfolio Website Tech Stack used: NextJS Tailwind CSS The contact form in this website is connected to Notion. If you want to integrate

Unnati Bamania 22 Oct 5, 2022
React + TailwindCSS 3.0

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

alanaudi 1 Dec 25, 2021