0xyza / www-lane

Lane - A NextJS+Tailwind Portfolio template

Lane - A personal portfolio landing template for developers and designers.

See Live Demo: [Demo Link]

---

DOCUMENTATION

• Version: 1.1.0
• Created: 16 Apr 2022
• Last update: 01 Jan 2024

---

• NextJS + Tailwind CSS + Framer
• Conversion Optimized
• Blazingly Fast
• Mobile Responsive
• 10+ Components
• Blog Posts Support
• SEO setup: meta tags, twitter/facebook open graph - image preview, etc.

You can easily make use of the components and customize the code to mix and match to suit your needs.

This is a Next.js project bootstrapped with create-next-app.

---

---

Deploy your own

Deploy the example using Vercel.

If you want to deploy on Netlify, use the following build command under site settings:

npm run build

You also want to make sure the publish directory is out.

---

Getting Started

Change into the project directory and run the following command:

npm run dev
# or
yarn dev

---

Update Site Metadata

env: {
  siteTitle: 'Your Company',
  siteDescription: 'Your company description.',
  siteKeywords: 'your company keywords',
  siteUrl: 'https://lane.chrstnl.com/',
  siteImagePreviewUrl: '/images/preview.jpeg',
  twitterHandle: '@your_handle'
}

---

Update Colors

You can update the colors in tailwind.config.js file.

---

Update Favicon

Update the manifest.json file and the icons under the public/images/icons folder.

You can use free tools online such as https://realfavicongenerator.net/ to quickly generate all the different icon sizes and favicon.ico file.