Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/1msirius/nextfolio

A clean, fast, & lightweight portfolio template built with Next.js, Vercel, and Tailwind CSS for optimal performance.
https://github.com/1msirius/nextfolio

analytics atom-feed blog blog-template json-feed markdown mdx nextjs personal-website portfolio portfolio-template rss seo seo-optimization tailwindcss vercel

Last synced: 26 days ago
JSON representation

A clean, fast, & lightweight portfolio template built with Next.js, Vercel, and Tailwind CSS for optimal performance.

Awesome Lists containing this project

README 

        
# Nextfolio



A clean, fast, and lightweight portfolio template built with [Next.js](https://nextjs.org/), [Vercel](https://vercel.com/), and [Tailwind CSS](https://tailwindcss.com/) for optimal performance.



Deploy your Nextfolio site with Vercel in minutes.



[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2F1msirius%2FNextfolio)



## Technologies Used



- Framework: [Next.js](https://nextjs.org/)

- Typography: [Vercel Geist Font](https://vercel.com/font)

- Styling: [Tailwind CSS](https://tailwindcss.com/)

- Analytics: [Vercel Web Analytics](https://vercel.com/docs/speed-insights) and [Speed Insights](https://vercel.com/docs/speed-insights)

- Deployment: [Vercel](https://vercel.com/)



## Features



- **[MDX](https://mdxjs.com/) Support**: Use Markdown with JSX components for blog posts.

- **Light and Dark Mode Toggle**: Switch between themes for better readability.

- **Dynamic [OG Images](https://vercel.com/docs/functions/og-image-generation)**: Auto-generate Open Graph images for sharing.

- **SEO Optimization**: Enhance search visibility with sitemap, robots.txt, and JSON-LD schema.

- **Dynamic Feed Generation**: Automatic dynamic [RSS](https://nextfolio-template.vercel.app/rss.xml), [Atom](https://nextfolio-template.vercel.app/atom.xml), and [JSON](https://nextfolio-template.vercel.app/feed.json) feeds.

- **[KaTeX](https://katex.org/) Integration**: Render mathematical expressions smoothly.

- **Performance Tracking**: Monitor web performance with [Vercel Web Analytics](https://vercel.com/docs/speed-insights) and [Speed Insights](https://vercel.com/docs/speed-insights).

- **Interactive Embeds**: Easily embed interactive tweets and YouTube videos.

- **Captions**: Add descriptive captions to photos, tweets, and videos.

- **Image Grid**: Easily showcase image galleries or photos.



## Installation



Nextfolio uses [pnpm](https://pnpm.io/installation) for dependency management, so ensure it is installed on your system.



Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [pnpm](https://pnpm.io/installation) to bootstrap the example:



```

pnpm create next-app --example https://github.com/1msirius/Nextfolio my-portfolio

```



Start the development server:



```

pnpm dev

```



The server will be running at [http://localhost:3000](http://localhost:3000).



## Configuration



1. Update the site metadata and social links in `app/config.ts` to set up SEO, feeds, social links, and Open Graph settings.

2. Update your routes in `app/sitemap.ts` for SEO optimization.

3. Update your blog posts in the `/content` folder.



For more information about configuration, follow the instructions in the [Getting Started](https://nextfolio-template.vercel.app/blog/getting-started#configuration) post.



## Contributing



Contributions are welcome! To get involved, just push your code to the repo. Whether you're enhancing existing features or adding new ones, your efforts are greatly appreciated!



## Licence



Nextfolio is open-source and released under the MIT License.