lucasdsalves.com

This is my personal website built with the following stacks:

• Next.js
• Vercel
• Tailwind CSS
• Markdown

Running it locally 🏃‍♂️🏠

1. Clone the project

git clone https://github.com/lucasdsalves/lucasdsalves.com.git

2. Go to the project folder

cd lucasdsalves.com

3. Install dependencies

npm install

4. Run the development server:

npm start

or

npm run dev

5. Open http://localhost:3000 with your browser to see the result.

Project structure 🏗️

📦 root
├── 📁 components             # React files to customize the components for the site
├── 📁 css                    # Tailwind and Prism CSS files
├── 📁 data                   # Files to change the content of pages
│ ├── 📁 authors              # Markdown files for authors of blog
│ ├── 📁 blog                 # Markdown files for blog posts
├── 📁 layouts                # JS Layouts for pages
├── 📁 lib                    # Non-react modules
├── 📁 pages                  # All page files for website
├── 📁 public                 # Static files for images, rss, and assets
│ ├── 📁 static               # Holds images, favicons, and other assets
│ │ ├── 📁 favicon            # Favicon files
│ │ └── 📁 images             # Image Files
│ ├── 📝 feed.xml             # RSS feed
├── 📁 scripts                # Scripts to run for different tasks
├── 📝 tailwind.config.js     # Contains tailwind stylesheet to change the look
└── 📝 next.config.js         # Configuration related to Next.js
└── 📝 prettier.config.js     # Configuration related to Prettier

Composing a new post ✏️

Run node ./scripts/compose.js to bootstrap a new post.

Inspiration and template origin 💡

This website was built based on Timothy Lin template Tailwind Nextjs Starter Blog.

Inspired by:

• dalelarroder.com - Dale Larroder's personal website and blog

• sabare.me - Victor Sabare's personal website and blog

• zenorocha.com - Zeno Rocha's personal website and blog

Licence 🗞️

MIT © Lucas dos Santos Alves