Announcing Pinata IPFS Developer Starter Templates
One of the fastest ways to get started with new technology and one of the most convenient ways to create a new project with technology you already know is to start from a template. Some boilerplate code helps get you started, reminds you how everything works together, and can accelerate your development time. React may be the most famous early example with the <span class="code-inline">create-react-app</span> script that would spin up a React project that was ready to both run locally and edit in your favorite code editor to match your project’s needs. Since then, many developer platforms have followed suit. And we’re excited to announce that we’re also creating a simple way for developers to spin up new IPFS-based projects.
Introducing create-pinata-app
Starting today, developers have an easy way to build fullstack applications that leverage IPFS through Pinata’s APIs. The starter template is built on Next.js, a popular and scalable solution for React projects. Your Pinata API keys will be protected and only used on the serverless backend functions of the Next.js project. And the upload logic is already wired up. So, you can just focus on building your app.
To create a new project, simply fire up your terminal and run:
You’ll be guided through the creation of a JavaScript or TypeScript project with vanilla CSS or Tailwind CSS included. Getting started with Pinata now only takes ~20 seconds.
What do you get out of the box?
You get the Pinata SDK embedded into your app. You get upload functionality that sends your uploaded file to the backend serverless function and passes it along to IPFS through Pinata’s API. You get a button and an API call to load the most recently uploaded file. Check it out!
Why did we build this?
We want Pinata’s developer tools to be the most frictionless experience in web3 and beyond. Our API was originally built as an answer to cumbersome IPFS solutions in the early days of blockchain developer interest in the protocol. Our SDK took that a step further. We’ve built other tools to help improve on the Pinata developer experience, but this is a major step forward.
Through conversations with customers, it also became clear that uploading files without exposing API keys was a challenges. Many developers wanted a simple solution and would turn to uploading files directly from the client to Pinata. This was simple but dangerous. This starter template provides all the tools and code to protect API keys while still giving developers a simple experience for uploads (and other API calls).
We’re excited to see what developers build as we continue to make their lives easier. Web3 and development in general is hard enough. Pinata is the easiest way to build IPFS-powered applications.
Happy pinning!
H1 - THE RICH TEXT
EXAMPLE STARTS HERE
H2 - Enabling Widespread Adoption for Music NFTs
paragraph — The first thing the music industry needs is more exposure. For artists, listeners and yeah, the labels. Even with the use cases mentioned above, the majority of the music industry still sees NFTs as a novelty rather than a legitimate way to run a business. We see a future where the experience is built and monetized on the blockchain, with labels taking part of the experience, as well.
Second, there needs to be a big jump in user experience. Listeners know what to expect with Spotify and Apple Music: a smooth, intuitive experience that lets them listen to Lil Nas X with just a few clicks. Web3 platforms aren’t quite there. Music NFTs and related premium content require extra steps that most people don’t yet have an appetite for.
H3 - How Could Music NFTs Save Artists?
paragraph — Musician Daniel Allan spent months building a relationship with the NFT community and raised 50 ETH to fund his new album, Overstimulated. Companies like Audius and artists like Vérité's, who raised $90,000 in an NFT launch, are at the forefront of exploring new ways to get paid. Avenged Sevenfold launched an NFT collection called "Deathbats Club" with 10,000 items that grants holders access to benefits such as meet and greets at shows, lifetime free tickets, limited edition merchandise, and more.
H4 - Static and dynamic content editing
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
H5 — How to customize formatting for each rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
LINK — This is how a link looks like. Please provide normal & hover state (if different than this)
- This will be bullet points
- Numbered list is the same but with numbers
- It has a margin-left applied
- Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
- Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
- Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
QUOTE — Everyone is obsessed with making money and seeking alpha, which does a disservice to what [NFTs] can actually do. We have been instructing many bands that NFTs are a ticket for access to an exclusive club.” - M. Shadows, Avenged Sevenfold’s lead singer.
.png)