Giter Club home page Giter Club logo

tina-astro-starter's Introduction

Tina + Astro Starter

Work in progress

Implemented:

  • Visual editing
  • Block-based editing
  • Responsive header with configurable nav links
  • FlexContent block
  • Starter MDX component (CTA)
  • Click-to-edit
  • Search documents in edit mode

To do:

  • Make separate home page collection, distinctive from page collection
    • This will make it possible to prevent the home page from being deleted, as well as omit page title form from the home page
  • implement blog
    • Make it possible to all list blog pages in a component

Notes:

  • It is possible to create pages nested under other other pages, and this functionality has been implemented with code in src/pages/[...slug].astro, and in tina/config.ts. However, Tina does not currently have functionality for content editors to manage folders in src/content. They can create folders by adding / to a file name, but then they cannot edit or delete the folders, or move files from one folder to another. For this reason, the "parent page" field for pages has been hidden from the Tina dashboard, and can only be edited by changing the code directly.
    • The header component can accept links to nested pages, but I have not updated the nav to accomodate hovering to see all child pages, as I am deprioritizing this functionality until Tina makes it possible for content editors to manage content folders in the dashboard.

Thank you:

  • Ari Gibson, without whom this project would have been over before it got started
  • Tom Bennet, whose Astro + Tina starter was a helpful reference
  • The Astro and Tina teams, who created incredible projects

Credits:

Hamburger icon modelled after: https://codepen.io/alvarotrigo/pen/wvrzPWL

tina-astro-starter's People

Contributors

arimgibson avatar astrobot-houston avatar revenciel avatar tina-cloud-app[bot] avatar

Stargazers

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

Watchers

 avatar

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.