SolidJSPortfolioBlog

sample-site-finsweet-cft-12 — SolidJS Portfolio Template

By ap32

A static site based on the Finsweet Client-First Template 12 blog template, built with SolidStart and UnoCSS, including desktop and mobile page screenshots.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Uses the Blog template of Finsweet Client-First Template 12 as the design source

02

Uses SolidStart for static generation, with styling handled by UnoCSS

03

Provides an online demo on Cloudflare Pages, including the homepage and /blog page

04

Includes actual screenshots of the desktop homepage, mobile homepage, and a representative inner page

05

The repository contains a standard MIT license file, and the code can be freely used, modified, and distributed

Template Details

This is an open-source project that implements Finsweet Client-First Template 12 (Blog template) as a statically generated site, with the repository at ap32/sample-site-finsweet-cft-12 on GitHub. The tech stack is SolidJS, the build tool is SolidStart, and the styling solution is UnoCSS. The local workflow given in the README is to clone the repository, install dependencies with pnpm, and then run pnpm run dev to start the development server.

The site is positioned as a blog and portfolio template, with a public demo deployed on Cloudflare Pages, where pages such as the homepage and /blog can be accessed. The template materials include screenshots actually captured by a server browser of the desktop homepage, mobile homepage, and a representative inner page (/blog), which can be used to preview the layout and responsive behavior.

Regarding licensing, the repository contains a standard MIT license file, allowing free use, modification, commercial use, and distribution of this version of the code, provided that the copyright notice and license notice are retained when distributing. Note that the MIT license for the code does not cover third-party assets such as demo images, fonts, and icons, and external services such as hosting and domains may also incur separate charges. The repository has few stars and was last updated in 2023, making it suitable as a starting point for learning or secondary development rather than being directly regarded as a production-ready solution.

SolidJSPortfolioBlog

Is it right for your project?

Use Cases

  • A starting project for a static blog or portfolio site
  • Learning to build a static site with SolidStart and UnoCSS
  • Referencing page implementation with Finsweet Client-First naming and structure
  • Secondary development by replacing content and styles on the existing template

Suitable For

  • Front-end developers familiar with or willing to learn SolidJS / SolidStart
  • Individual developers who need a blog or portfolio template and will modify the content themselves
  • Projects that want to carry out secondary development based on MIT-licensed code

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Clone the repository: git clone https://github.com/ap32/sample-site-finsweet-cft-12 --depth 1

  2. 2

    After entering the directory, install dependencies with pnpm install

  3. 3

    Run pnpm run dev to start the SolidStart development server

  4. 4

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

  5. 5

    The code uses the MIT license; retain the copyright notice and the complete license notice when distributing

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version of the code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • The project is implemented based on the Finsweet Client-First Template 12 blog template; that design template comes from a Figma community file, and its assets and design resources may be subject to separate licenses that must be checked independently.
  • The demo site is hosted on Cloudflare Pages; self-deployment requires an external hosting service such as Cloudflare and may involve account and cost requirements.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the MIT license of the code.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Statically generated site based on [`Finsweet Client-First Template 12 - Blog`](https://www.figma.com/community/file/1146743712372485298) template

Original README

Published on Cloudflare Pages: https://sample-site-finsweet-cft-12.pages.dev/

Original README
https://github.com/ap32/sample-site-finsweet-cft-12/blob/main/LICENSEhttps://github.com/ap32/sample-site-finsweet-cft-12/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 73 / 100
Technologies
SolidJS
Website type
Portfolio · Blog
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2023-10-23
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies SolidJS as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 71e56d0087c45366b219d8eacc30ac0a902f3ce6afbbe827926276c4baeb7614

2026-10-02T22:01:35.310Z

Source file / repository
# Sample Site - Finsweet CFT 12

> Statically generated site based on [`Finsweet Client-First Template 12 - Blog`](https://www.figma.com/community/file/1146743712372485298) template

Published on Cloudflare Pages: https://sample-site-finsweet-cft-12.pages.dev/

Made with:
- [SolidStart](https://start.solidjs.com/)
- [UnoCSS](https://unocss.dev/)

## Local installation

1. Clone repository
```sh
git clone https://github.com/ap32/sample-site-finsweet-cft-12 --depth 1
```

2. Install dependencies
```sh
cd sample-site-finsweet-cft-12
pnpm install
```

3. Run SolidStart
```sh
pnpm run dev
```
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

solidjs-simple-portfolio

solidjs-simple-portfolio

A simple personal portfolio website template built with SolidJS and Tailwind, scaffolded by solid-start, with page text maintained centrally in src/metaData.json.

SolidJS · Portfolio

astro-sphere

astro-sphere

Astro Sphere is a static, minimalist portfolio and blog theme maintained by markhorn-dev, built mainly with Astro, Tailwind, and TypeScript, with a small amount of SolidJS for stateful components.

Astro · Portfolio

bridget

bridget

Bridget is a minimal Hugo portfolio theme for photographers and visual artists, with front-end interactions powered by SolidJS.

Hugo · Portfolio

astro-engineering-blog

astro-engineering-blog

An Astro and SolidJS engineering blog template with multi-author co-signing, topic categories, Fuse.js-powered site search, pagination, drafts, sitemap, RSS, canonical URLs, OpenGraph metadata, astro:assets image handling, and dark mode.

Astro · Blog

nanoblog

nanoblog

nanoblog is a lightweight Astro blog template using UnoCSS and SolidJS, with built-in FuseJS full-text search, light and dark modes, pagination, RSS, sitemap, reading time and progress, post thumbnails, and SEO meta and OG tags.

Astro · Blog

astro-fox

astro-fox

astro-fox is an MIT-licensed Astro blog and portfolio template built with Astro and SolidJS. It provides blog, log, and projects content collections with Markdown/MDX authoring, a CLI for creating projects and generating entries, Pagefind search, RSS, SEO output, and light/dark theme switching.

Astro · Blog