mrlemoos.dev

Hi there, 👋

This small project is built to be my portfolio with a bit of my experience and realizations. Also, it is a repository to share my articles, projects, and stacks and tell you how I used a few technologies.

This project is created with React, shadcn/ui, and TailwindCSS.

The homepage is inspired by the Spotlight template from the TailwindLabs team, despite liking the original so much, I wanted to change it a bit and here's the result.

If you'd like to support their amazing work, please don't hesitate to take a look at the TailwindUI templates marketplace, which is fabulous.

Stack

• Next.js by Vercel | The React Framework.
• React | The library for web and native user interfaces.
• shadcn/ui | The anti-hero of UI components libraries (my words, not theirs).
• TailwindCSS | Rapidly build modern websites without ever leaving your HTML.
• Contentful | Contentful is the platform where you can update the content of your website, a mobile app or any other platform that displays content.

Running the project

Step 1. To run this project, you must have a project created on Contentful with the following content type(s):

• Blog Post (content type name: blogPost) with the following fields: title, description, content, slug, tags, and createdAt.

Step 2. In the .env file, you'll fill the CONTENTFUL_SPACE_ID and CONTENTFUL_ACCESS_TOKEN environment variables.

✍️ Note: If your CONTENTFUL_ACCESS_TOKEN starts with the - (hyphen) character, wrap the whole token in quotes "". Otherwise, Next.js won't recognise it as a string.

Step 3. Install the dependencies and development dependencies. _I'm using pnpm here, but if you'd like to use another package manager such as npm or yarn, just use their installation commands.

pnpm install # or pnpm i

Step 4. Start up the development server:

pnpm run dev # or pnpm dev

License

This project is licensed under the Apache License, Version 2.0:

Copyright 2024 Leonardo Lemos

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.