Querying Data Within Gatbsy.js Templates

A lady searching for a book in a Library

Photo by Becca Tapert

Querying Data Within Gatbsy.js Templates

Donec pellentesque, sapien ac porttitor maximus, mi quam convallis elit, in facilisis libero enim in urna. Vestibulum interdum porta justo et mattis. Donec egestas ac nisi vel imperdiet. Sed ut dolor nec magna vestibulum tempor ut quis orci. Maecenas pulvinar id odio a pulvinar. Duis consectetur erat sed orci interdum, vitae aliquam justo facilisis. Suspendisse euismod dignissim justo ac semper. Maecenas scelerisque ornare eros, et faucibus eros vulputate eu. Cras non euismod ex. In feugiat scelerisque finibus. Donec tincidunt in nulla ultricies fermentum. In scelerisque pretium turpis et feugiat. In urna nisi, dapibus ac tempor at, ullamcorper et nunc. Praesent ut leo varius, consequat felis quis, efficitur dolor.

Aenean et orci vel odio fermentum pharetra et sed ipsum. In dignissim lacus id facilisis scelerisque. Vivamus finibus ut dui efficitur scelerisque. Aenean finibus lectus at molestie posuere. Aenean sed quam massa. Sed suscipit arcu ac nisl fermentum venenatis. In at tincidunt ex, non auctor lorem. In bibendum nec nibh non egestas. Suspendisse gravida ligula purus, ac ornare purus posuere convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc elit enim, condimentum at erat id, ultrices vulputate risus. Maecenas luctus luctus mauris, vel lacinia sapien.

Maecenas tempus eros dictum ipsum varius, at lobortis ex mattis. Donec bibendum ut mauris vitae egestas. Cras feugiat velit eget finibus tempor. Nam lacus justo, porta vel pretium non, elementum vitae ex. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum consequat non dolor eu egestas. Sed sagittis nec purus non mollis. Suspendisse nisl eros, blandit eget risus auctor, venenatis vehicula dolor. Nunc turpis lectus, faucibus at facilisis quis, tristique lacinia eros. Proin ac odio in ante dictum tristique quis quis arcu. Mauris in varius ex. Suspendisse nec mi nec urna elementum dictum nec non tortor. Sed sed venenatis ex.

export const query = graphql`
    query currentHomePage($id: String!) {
        page: wordpressPage(id: { eq: $id }) {
            title
            content
            hero: featured_media {
                ...HeroImage
            }
        }
    }
`

Nam ac mi eleifend, molestie lacus at, dapibus ligula. In consequat, ante tempus tempus ornare, massa magna mattis lectus, ac varius ex urna a libero. Mauris nec fermentum urna. Nulla vel nulla quis quam sagittis molestie quis et ipsum. Nunc varius orci a arcu pellentesque, sit amet semper ipsum ultrices. Pellentesque luctus nisl at tempus sagittis. Maecenas sed fringilla risus. Phasellus accumsan, lectus vitae luctus pretium, velit mauris faucibus felis, eget congue magna dolor sed ligula. In justo erat, sagittis nec sem et, malesuada efficitur diam. Suspendisse risus mauris, scelerisque sed dignissim in, ullamcorper et neque. Donec mattis nulla sit amet lectus consectetur mollis. Praesent semper maximus est id lobortis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam fermentum quam purus, eu finibus odio fringilla ac. Maecenas scelerisque enim mi, eu eleifend lorem condimentum ac.

Gravatar for Christopher Geary

Christopher Geary

Chris is a PHP developer, who loves anything & everything code. He's passionate about web performance, and is an evangelist of the JAMstack.

Categories