Giter Site home page Giter Site logo

themefisher / pinwheel-astro Goto Github PK

View Code? Open in Web Editor NEW
138.0 6.0 100.0 7.72 MB

Pinwheel is a multipurpose SaaS theme built with Astro and TailwindCSS.

Home Page: https://themefisher.com/products/pinwheel-astro

License: MIT License

JavaScript 19.56% TypeScript 2.57% Astro 46.02% SCSS 7.38% MDX 24.48%
astro-theme jamstack-theme saas-theme tailwind-template

pinwheel-astro's Introduction

Pinwheel Astro

Pinwheel is a free multipurpose SaaS theme built with Astro, TailwindCSS and TypeScript with 17+ pre-designed pages.

license code size contributors

pinwheel

πŸ“Œ Key Features

  • πŸ“„ 17+ Pre-designed pages
  • 🎨 Highly customizable (Color, Font, Menu, Social Links, SEO Meta Tags, etc.)
  • πŸ—ƒοΈ Taxonomy support
  • ⚑ Fast by default (95+ Google PageSpeed Score)
  • πŸ”§ Netlify setting pre-configured
  • πŸ“ Contact form support
  • πŸ–ΌοΈ Support OG image
  • πŸ“ Write and update content in Markdown / MDX
  • πŸ’» MDX components auto import
  • πŸ“ Includes draft pages and posts
  • 🎨 Built with Tailwind CSS framework
  • πŸ“± Fully responsive on desktops, tablets, and smartphones
  • πŸ” SEO Friendly
  • πŸ’¬ Disqus comment support

πŸ“„ 17+ Pre-Designed Pages

  • 🏠 Home
  • πŸ› οΈ How it works
  • 🌟 Features
  • πŸ“ Blog
  • πŸ“ Blog Single
  • πŸ—‚οΈ Categories
  • πŸ—‚οΈ Category Single
  • πŸ‘€ About
  • πŸ“ž Contact
  • πŸ’Ό Career
  • πŸ’Ό Career Single
  • πŸ’° Pricing
  • πŸ“œ Changelog
  • πŸ”‘ Sign In
  • πŸ”‘ Sing Up
  • πŸ”— Integrations
  • πŸ”— Integration Single
  • πŸ“œ Terms and Conditions
  • πŸ’‘ Elements

πŸ› οΈ Installation

After downloading the template, you have some prerequisites to install. Then you can run it on your localhost. You can view the package.json file to see which scripts are included.

Install prerequisites (once for a machine)

πŸ‘¨πŸ»β€πŸ’» Local setup

After successfully installing those dependencies, open this template with any IDE [VS Code recommended], and then open the internal terminal of IDM [vs code shortcut ctrl/cmd+`]

  • πŸ‘‰ Install dependencies
npm install
  • πŸ‘‰ Run locally
npm run dev

After that, it will open up a preview of the template in your default browser, watch for changes to source files, and live-reload the browser when changes are saved.

πŸ—οΈ Production Build

After finishing all the customization, you can create a production build by running this command.

npm run build

🐞 Reporting Issues

We use GitHub Issues as the official bug tracker for this Template. Please Search existing issues. It’s possible someone has already reported the same problem. If your problem or idea has not been addressed yet, feel free to open a new issue.

πŸ“ License

Copyright (c) 2023 - Present, Designed & Developed by Themefisher

Code License: Released under the MIT license.

Image license: The images are only for demonstration purposes. They have their license, we don't have permission to share those images.

πŸ’» Need Custom Development Services?

Besides developing beautifully designed and blazing-fast themes, we help businesses create fast, performance-focused, scalable & secure websites based on NextJs, Hugo, Astro, etc.

If you need a custom theme, theme customization, or complete website development services from scratch you can Hire Us.

πŸ”₯ More Astro Themes By Themefisher

Bigpsring Andromeda Bookwrom
Bigpsring Light Andromeda Bookwom Light

pinwheel-astro's People

Contributors

tffarhad avatar tffaruk avatar tfmurad avatar tfsomrat avatar webvs2 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

pinwheel-astro's Issues

Build giving errors

Installed the theme on local. Dev is running fine but on production build, following errors are coming:

11:59:21 pm [check] Checking files
11:59:22 pm [content] Types generated 369ms
√ Getting diagnostics for Astro files in E:\npm\coliseo\…
11:59:24 pm [diagnostics]
e:\npm\coliseo\src\layouts\PostSingle.astro:11:7 Hint: 'posts' is declared but its value is never read.
10 const allAuthors = await getSinglePage("authors");
11 const posts = await getSinglePage(blog_folder);
~~~~~
12 const { post } = Astro.props;

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\layouts\PostSingle.astro:33:29 Hint: 'i' is declared but its value is never read.
32 )
33 .map((author, i) => (
~
34 <a

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\layouts\PostSingle.astro:31:44 Error: Property 'data' does not exist on type 'unknown'.
30 .map((author: string) => slugify(author))
31 .includes(slugify(author.data.title))
~~~~
32 )

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\layouts\PostSingle.astro:35:52 Error: Property 'slug' does not exist on type 'unknown'.
34 <a
35 href={/authors/${slugify(author.slug)}}
~~~~
36 class="flex items-center hover:text-primary"

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\layouts\PostSingle.astro:38:27 Error: Property 'data' does not exist on type 'unknown'.
37 >
38 {author.data.image && (
~~~~
39 <Image

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\layouts\PostSingle.astro:40:35 Error: Property 'data' does not exist on type 'unknown'.
39 <Image
40 src={author.data.image}
~~~~
41 alt={author.data.title}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\layouts\PostSingle.astro:41:35 Error: Property 'data' does not exist on type 'unknown'.
40 src={author.data.image}
41 alt={author.data.title}
~~~~
42 height={50}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\layouts\PostSingle.astro:47:33 Error: Property 'data' does not exist on type 'unknown'.
46 )}
47 {author.data.title}
~~~~
48

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\lib\contentParser.astro:6:53 Error: Property 'id' does not exist on type 'unknown'.
05 const allPage = await getCollection(collection);
06 const removeIndex = allPage.filter((data) => data.id.match(/^(?!-)/));
~~
07 const removeDrafts = removeIndex.filter((data) => !data.data.draft);

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\lib\contentParser.astro:7:59 Error: Property 'data' does not exist on type 'unknown'.
06 const removeIndex = allPage.filter((data) => data.id.match(/^(?!-)/));
07 const removeDrafts = removeIndex.filter((data) => !data.data.draft);
~~~~
08 return removeDrafts;

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\lib\taxonomyParser.astro:3:1 Hint: 'slugify' is declared but its value is never read.
02 import { getSinglePage } from "./contentParser.astro";
03 import { slugify } from "./utils/textConverter";
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\lib\taxonomyParser.astro:8:56 Error: Property 'data' does not exist on type 'unknown'.
07 const singlePages = await getSinglePage(collection);
08 const taxonomyPages = singlePages.map((page) => page.data[name]);
~~~~
09 let taxonomies = [];

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\404.astro:8:7 Hint: 'logo' is declared but its value is never read.
08 const { logo } = config.site;
~~~~~~~~
09 const entry = await getEntryBySlug("pages", "404");

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\pricing.astro:33:53 Hint: 'i' is declared but its value is never read.
32 {
33 pricing.data.pricing_card.map((item: any, i: number) => (
~
34

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages[regular].astro:13:21 Error: Property 'slug' does not exist on type 'unknown'.
12 params: {
13 regular: page.slug,
~~~~
14 },

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\blog\index.astro:28:20 Error: Property 'data' does not exist on type 'unknown'.
27 <Base
28 title={blogIndex.data.title}
~~~~
29 meta_title={blogIndex.data.meta_title}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\blog\index.astro:29:25 Error: Property 'data' does not exist on type 'unknown'.
28 title={blogIndex.data.title}
29 meta_title={blogIndex.data.meta_title}
~~~~
30 description={blogIndex.data.description}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\blog\index.astro:30:26 Error: Property 'data' does not exist on type 'unknown'.
29 meta_title={blogIndex.data.meta_title}
30 description={blogIndex.data.description}
~~~~
31 image={blogIndex.data.image}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\blog\index.astro:31:20 Error: Property 'data' does not exist on type 'unknown'.
30 description={blogIndex.data.description}
31 image={blogIndex.data.image}
~~~~
32 >

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\blog\index.astro:36:40 Error: Property 'data' does not exist on type 'unknown'.
35


36
~~~~
37

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\blog[single].astro:2:1 Hint: 'Shape' is declared but its value is never read.
01 ---
02 import Shape from "@components/Shape.astro";
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
03 import config from "@config/config.json";

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\blog[single].astro:13:20 Error: Property 'slug' does not exist on type 'unknown'.
12 params: {
13 single: post.slug,
~~~~
14 },

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\career\index.astro:14:49 Error: Property 'data' does not exist on type 'unknown'.
13 const careerIndex = await getEntryBySlug<any, string>("careers", "-index");
14 const { benifits, career, image } = careerIndex.data;
~~~~
15 const categories = await getTaxonomy("careers", "categories");

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\career\index.astro:18:22 Error: Property 'data' does not exist on type 'unknown'.
17 const page_data = {
18 title: careerIndex.data.title,
~~~~
19 page_title: careerIndex.data.page_title,

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\career\index.astro:19:27 Error: Property 'data' does not exist on type 'unknown'.
18 title: careerIndex.data.title,
19 page_title: careerIndex.data.page_title,
~~~~
20 content: careerIndex.body,

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\career\index.astro:20:24 Error: Property 'body' does not exist on type 'unknown'.
19 page_title: careerIndex.data.page_title,
20 content: careerIndex.body,
~~~~
21 };

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\career\index.astro:25:22 Error: Property 'data' does not exist on type 'unknown'.
24 <Base
25 title={careerIndex.data.title}
~~~~
26 meta_title={careerIndex.data.meta_title}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\career\index.astro:26:27 Error: Property 'data' does not exist on type 'unknown'.
25 title={careerIndex.data.title}
26 meta_title={careerIndex.data.meta_title}
~~~~
27 description={careerIndex.data.description}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\career\index.astro:27:28 Error: Property 'data' does not exist on type 'unknown'.
26 meta_title={careerIndex.data.meta_title}
27 description={careerIndex.data.description}
~~~~
28 image={careerIndex.data.image}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\career\index.astro:28:22 Error: Property 'data' does not exist on type 'unknown'.
27 description={careerIndex.data.description}
28 image={careerIndex.data.image}
~~~~
29 >

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\career[single].astro:16:20 Error: Property 'slug' does not exist on type 'unknown'.
15 params: {
16 single: post.slug,
~~~~
17 },

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\integrations\index.astro:17:23 Error: Property 'data' does not exist on type 'unknown'.
16 const page_data = {
17 ...integraionsIndex.data,
~~~~
18 content: integraionsIndex.body,

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\integrations\index.astro:18:29 Error: Property 'body' does not exist on type 'unknown'.
17 ...integraionsIndex.data,
18 content: integraionsIndex.body,
~~~~
19 };

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\integrations\index.astro:23:27 Error: Property 'data' does not exist on type 'unknown'.
22 <Base
23 title={integraionsIndex.data.title}
~~~~
24 meta_title={integraionsIndex.data.meta_title}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\integrations\index.astro:24:32 Error: Property 'data' does not exist on type 'unknown'.
23 title={integraionsIndex.data.title}
24 meta_title={integraionsIndex.data.meta_title}
~~~~
25 description={integraionsIndex.data.description}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\integrations\index.astro:25:33 Error: Property 'data' does not exist on type 'unknown'.
24 meta_title={integraionsIndex.data.meta_title}
25 description={integraionsIndex.data.description}
~~~~
26 image={integraionsIndex.data.image}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\integrations\index.astro:26:27 Error: Property 'data' does not exist on type 'unknown'.
25 description={integraionsIndex.data.description}
26 image={integraionsIndex.data.image}
~~~~
27 >

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\integrations[single].astro:17:20 Error: Property 'slug' does not exist on type 'unknown'.
16 params: {
17 single: post.slug,
~~~~
18 },

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\integrations[single].astro:28:33 Error: Property 'data' does not exist on type 'unknown'.
27 ...post.data,
28 index_title: integraionsIndex.data.title,
~~~~
29 slug: post.slug,

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\layouts\components\about\Gallery.astro:47:9 Hint: 'shuffleInstance' is declared but its value is never read.
46 // Assumes you're using the UMD version of Shuffle (for example, from unpkg.com).
47 const shuffleInstance = new Shuffle(element, {
~~~~~~~~~~~~~~~
48 itemSelector: ".picture-item",

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\layouts\components\about\Gallery.astro:49:5 Error: Type 'Element' is not assignable to type 'string | HTMLElement'.
Type 'Element' is missing the following properties from type 'HTMLElement': accessKey, accessKeyLabel, autocapitalize, dir, and 122 more.
48 itemSelector: ".picture-item",
49 sizer: sizer,
~~~~~
50 columnWidth: 1,

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\layouts\components\about\Works.astro:3:1 Hint: 'Button' is declared but its value is never read.
02 import { Image } from "@astrojs/image/components";
03 import Button from "@shortcodes/Button";
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
04 const {

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\blog\page[slug].astro:40:26 Error: Property 'data' does not exist on type 'unknown'.
39 const page_data = {
40 index_title: blogIndex.data.title,
~~~~
41 slug: page / ${slug},

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\blog\page[slug].astro:46:20 Error: Property 'data' does not exist on type 'unknown'.
45 <Base
46 title={blogIndex.data.title}
~~~~
47 meta_title={blogIndex.data.meta_title}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\blog\page[slug].astro:47:25 Error: Property 'data' does not exist on type 'unknown'.
46 title={blogIndex.data.title}
47 meta_title={blogIndex.data.meta_title}
~~~~
48 description={blogIndex.data.description}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\blog\page[slug].astro:48:26 Error: Property 'data' does not exist on type 'unknown'.
47 meta_title={blogIndex.data.meta_title}
48 description={blogIndex.data.description}
~~~~
49 image={blogIndex.data.image}

11:59:24 pm [diagnostics]
e:\npm\coliseo\src\pages\blog\page[slug].astro:49:20 Error: Property 'data' does not exist on type 'unknown'.
48 description={blogIndex.data.description}
49 image={blogIndex.data.image}
~~~~
50 >

11:59:24 pm [diagnostics] Result (51 files):

  • 39 errors
  • 0 warnings
  • 8 hints

Use lottie files

QuizΓ‘ no es un issue, pero ΒΏcΓ³mo hago para integrar lottie al proyecto? Ya tengo la integraciΓ³n, pero Pinwheel no reconoce la imagen

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.