Skip to main content

UI/UX Improvements

ยท One min read

Donโ€™t deploy on Fridays?

I just released a new version focused entirely on improving the wallet and enhancing the user experience in the Console.

โšก Snappier UI/UX
๐Ÿ”’ Improved data certification (query+update calls)
๐Ÿช„ Slick new wizards for top-ups, cycle transfers, and sending ICP

Happy weekend, everyone! โ˜€๏ธ๐Ÿš€

๐Ÿ‘‰ Release v0.0.42 ยท junobuild/juno

Wallet USD Balance Display

ยท One min read

Joining the wallet ๐Ÿ’ต display party โ€“ balances and amounts are now displayed in USD on the Juno Console too! ๐ŸŽ‰

Kudos to KongSwap for sharing their exchange rate endpoint! ๐Ÿ™Œ

Wallet balance in USD

While I was at it, I fixed a few navigation leftovers from the last version, reviewed the UX of all transaction modals, integrated the exchange feature into each of them, and... had some fun with the colors ๐ŸŽจ

Transaction modal with USD

Monitor your wallet and modules

ยท 2 min read

Iโ€™m thrilled to unveil the first big feature of the year: a brand-new way for Juno devs to monitor your wallet and modules automatically! ๐Ÿš€

โœ… Keeps cycles topped up when balances run low
๐Ÿ”” Sends email notifications for top-ups (opt-in)
๐Ÿ” Set it up once, never again โ€” itโ€™s automatically applied to all future projects

Everything is controlled through the Mission Control โ€” which means that developers remain the sole controllers!

The feature is built using the Canfund library developed by the DFINITY Foundation. 12/10 would highly recommend it for building similar features.

This feature is part of an absolutely massive release. I believe there were over 270 commits shipped. ๐Ÿค“

๐Ÿ‘‰ Release v0.0.40 ยท junobuild/juno


In this version, I also revised the navigation to integrate Analytics, Monitoring, Mission Control, and Wallet within the main panel. This update led to the introduction of new colors. ๐ŸŽจ

Navigation screenshot 1

Navigation screenshot 2

Navigation screenshot 3

Navigation screenshot 4

New Subnet Options

ยท One min read

๐ŸŒ TIL the CMC actually exposes the list of supported subnets through two endpoints, not just one!

So, the European & Fiduciary subnets are now also available in Juno Console for spinning up new Satellites! ๐Ÿ›ฐ๏ธ

Subnet options

๐Ÿ‘‰ Release details

Whatโ€™s New in Juno (November 2024 Edition)

ยท 5 min read

Hey everyone ๐Ÿ‘‹

Novemberโ€™s been an exciting month, especially since Iโ€™ve officially started working full-time on Juno โ€” thanks to the recently announced funding! This shift has already led to delivering some fantastic new features for developers, like automated backups (finally!!!), support for large WASM modules, the ability to buy cycles with Stripe, and a few other goodies.

These updates are all about making development smoother and more efficient, whether youโ€™re building dapps, smart contracts, or managing your projects. Letโ€™s dive into whatโ€™s new!


Backupsโ€‹

To kick things off, Iโ€™d like to highlight the introduction of backupsโ€”a feature Iโ€™ve been waiting for forever!

This addition brings a crucial layer of security for developers, letting you safeguard your modules and restore them whenever needed.

A screenshot of the steps for an upgrade

Hereโ€™s how it works: Currently, one backup per module is supported. You can manage backups manually via both the Console UI and the CLI, with options to create, restore, or delete them. Additionally, backups are automatically created during the upgrade process, taking a snapshot before transitioning to a new version. For those who prefer full control, advanced options let you skip creating a backup or avoid overwriting an existing one.

For anyone who, like me, feels a bit tense whenever itโ€™s time to execute an upgrade, this feature is a huge relief. Itโ€™s really a great addition!


Buy Cycles with Stripeโ€‹

Getting cycles has become more straightforward, particularly for newcomers and non-crypto-native users, with the ability to buy cycles directly through Stripe, thanks to our friends at cycle.express.

A screenshot of the integration with cycle.express

With this integration, developers can simply make a payment, and the cycles are added directly to their module.


Get ICP directly from the OISY Walletโ€‹

This was both a useful feature, as it makes it easy to transfer ICP from OISY to the developer's wallet on Juno, and an opportunity for me to try out the integration with various ICRC standards I implemented for the foundation.

A screenshot of the integration with OISY

I also used the opportunity to improve the UI/UX of the Receive feature by displaying wallet addresses with a QR code. This update wraps up a few related tasks, such as adding support for sending ICP to the outside world.

A screenshot of the new modal to send ICP to the outside world


Support for Large WASM Modulesโ€‹

Support for larger WASM modules (over 2MB) has been added. While none of Juno's stock modulesโ€”such as Satellites, Mission Control, or Orbiter (Analytics)โ€”come close to this size when gzipped, this limit could quickly be reached by developers using serverless functions.

A screenshot of the upgrade process using the CLI

By extending this limit, developers have more flexibility to embed additional third-party libraries and expand their module capabilities.

This support has been implemented across the CLI, the Console UI, and even local development environments using Docker, ensuring a consistent experience for all workflows.


Default Web Pageโ€‹

Until recently, new Satellites launched lacked a default page for web hosting. This meant that developers opening their project right after creation would just see a blank page in the browser.

Thatโ€™s why every new Satellite now comes with a sleek, informative default web pageโ€”delivering a great first impression right out of the box! โœจ

A screenshot of the new default web page which contains links to the documentation


Pre- and post-deploy scriptsโ€‹

Another handy tool introduced this month is support for pre- and post-deploy scripts in the CLI. With this feature, developers can now define a list of commands to be executed at specific stages of the deployment process.

The pre-deploy scripts are perfect for automating tasks like:

  • Compiling assets.
  • Running tests or linters.
  • Preparing production-ready files.

Likewise, post-deploy scripts come in handy for follow-up tasks, such as:

  • Sending notifications or alerts to administrators.
  • Cleaning up temporary files.
  • Logging deployment information for auditing.
import { defineConfig } from "@junobuild/config";

/** @type {import('@junobuild/config').JunoConfig} */
export default defineConfig({
satellite: {
id: "ck4tp-aaaaa-aaaaa-abbbb-cai",
source: "build",
predeploy: ["npm run lint", "npm run build"],
postdeploy: ["node hello.mjs"]
}
});

Darker Dark Themeโ€‹

Maybe not the most groundbreaking update, but the dark theme got even darker. ๐Ÿง›โ€โ™‚๏ธ๐Ÿฆ‡ Perfect for those late-night coding sessionsโ€”or if you just enjoy the vibe!

A screenshot of the darker dark theme


Improved Documentationโ€‹

Another area that saw improvement is the documentation. I aimed to make it more intuitive and useful for both newcomers and experienced developers. Thatโ€™s why I revamped the guides section. Now, when you visit, youโ€™ll be greeted with a simple question: โ€œWhat are you looking to do? Build or Host?โ€ ๐ŸŽฏ. This approach should hopefully make onboarding smoother and more straightforward for developers.

The CLI documentation also received an upgrade. Updating it manually was a hassle, so I automated the process. Now, CLI help commands generate markdown files that are automatically embedded into the website every week. No more manual updates for me, and itโ€™s always up to date for you! ๐Ÿ˜„

I also dedicated time to documenting all the configuration options in detail, ensuring every setting is clearly explained.

And as a finishing touch, I refreshed the landing page. ๐Ÿ‘จโ€๐ŸŽจ

I hope these features get you as excited as they got me! Iโ€™m already looking forward to whatโ€™s next. Speak soon for more updates!

David


Stay connected with Juno by following us on X/Twitter.

Reach out on Discord or OpenChat for any questions.

โญ๏ธโญ๏ธโญ๏ธ stars are also much appreciated: visit the GitHub repo and show your support!

A New Chapter Awakens

ยท 3 min read

A Futuristic cosmic scene with satellites orbiting a distant planet at sunrise, symbolizing renewal and progress in a minimalist space setting


TL;DR

Iโ€™ll be working 100% on Juno through 2025.

Hey everyone ๐Ÿ‘‹

As you may know, I recently proposed transforming Juno into a Decentralized Autonomous Organization through an SNS swap. Unfortunately, it didnโ€™t reach its funding goal, so Juno didnโ€™t become a DAO.

After the failure, three options came to mind: retrying the ICO with a lower target, continuing to hack as an indie project for a while, or simply killing it.

In the days that followed, I also received a few other options, including interest from venture capitalists for potential seed funding which wasnโ€™t an option for me.

Then, something unexpected happened:

The DFINITY foundationโ€™s CTO, Jan Camenisch, reached out and proposed an alternative: funding the project through 2025.

I took a few days to consider the offer and ultimately accepted.

This support is a tremendous vote of confidence in Junoโ€™s potential and importance within the ecosystem.

Itโ€™s worth emphasizing that the foundationโ€™s support comes with no strings attached. They do not receive any stake in Juno, have no preferential treatment, and will not influence decisions. Should I ever consider another SNS DAO or any other funding route in the future, the foundation would have no special allocation or shares. This remains my project, and I am the sole decision-maker and controller.

This support also strengthens the relationship between Juno and the foundation, allowing us to stay in close contact to discuss the roadmap. Itโ€™s an arrangement that respects autonomy while fostering collaboration to advance the Internet Computer. As they say, it takes two to tango.

This funding opens up a world of possibilities and marks the first time Iโ€™ll work 100% on a project I created. Iโ€™m thrilled to continue building Juno as a resource that makes decentralized development accessible and impactful for everyone.

Obviously, while Juno remains under my sole ownership for now, I still believe that Juno should eventually become a DAO. Promoting full control for developers while retaining centralized ownership would be paradoxical. When the time is right, a DAO will ensure that Junoโ€™s growth, security, and transparency are upheld through community-driven governance.

Thank you to everyone who believed in Juno through the SNS campaign and beyond ๐Ÿ™๐Ÿ’™. Your support has been invaluable, and this new phase wouldnโ€™t be possible without you. Hereโ€™s to what lies aheadโ€”a new chapter indeed.

To infinity and beyond,
David


Stay connected with Juno by following us on X/Twitter.

Reach out on Discord or OpenChat for any questions.

โญ๏ธโญ๏ธโญ๏ธ stars are also much appreciated: visit the GitHub repo and show your support!

Building Tomorrow: Juno Build DAO for the Future

ยท 6 min read

A cover image that contains the title of the blog post and a drawing of a satellite being launched


ICO Failure

The SNS DAO on the Internet Computer failed on Saturday, October 12, 2024 (ICP swap data). As a result, Juno did not become a Decentralized Autonomous Organization (DAO).

Hey everyone ๐Ÿ‘‹

I hope youโ€™re all doing well! Iโ€™m excited to share some big news with you today. Over the next few weeks, weโ€™re taking some significant steps toward shaping the future of Juno, and I wanted to keep you in the loop about whatโ€™s coming.

As you may know, Juno is a blockchain-as-a-service ecosystem that empowers developers to build decentralized apps efficiently. One of its strengths is that it gives developers full and sole control over their work. For this reason, it would be paradoxical to continue operating the platform with a centralized modelโ€”i.e., with me being the sole controller of services, such as the administration console or our CDN. Thatโ€™s why Iโ€™m thrilled to unveil that, in the upcoming weeks, Iโ€™m aiming to fix this bias by proposing that Juno becomes a Decentralized Autonomous Organization (DAO).

While this potential shift is on the horizon, there are a few key steps you can take to stay informed and involved in the process. Hereโ€™s how you can help shape the future of developing on Web3:


1. Sign Up to Join the Partyโ€‹

To ensure you donโ€™t miss any crucial updates, I encourage you to sign up for our newsletter. The journey to proposing a DAO and making it a reality involves multiple steps, each requiring your participation. By signing up, youโ€™ll receive timely notifications whenever thereโ€™s an opportunity to get involved and make a real impact.


2. Get Informedโ€‹

note

The white paper has been updated to continue presenting the vision; however, the tokenomics aspect has been notably removed, as it is no longer relevant following the failure of the SNS DAO.

Iโ€™ve put together a white paper that outlines the reasoning and vision I have for a Juno Build DAO. I highly recommend giving it a read to fully understand what Iโ€™m aiming to achieve.

If you have any questions, feel free to reach out on Discord, Twitter/X, OpenChat or also the DFINITY forum (as requested per their guidelines).

Questions are always welcome at any time, but if youโ€™re looking to engage directly, Iโ€™ll be hosting a Juno Live session on 9 September at 3:00 PM CET. Join the livestream on YouTube to interact in real-time.


3. Cast Your Voteโ€‹

info

The proposal was approved and executed on September 26, 2024.

While I typically avoid relying on third parties for core features, transforming Juno into a DAO without leveraging such services would be an immense task. Thatโ€™s why Iโ€™m proposing to use the Internet Computerโ€™s built-in solution for creating and maintaining DAOs, known as SNS.

To kickstart the process of transforming our ecosystem, this framework requires submitting a proposal to the Internet Computerโ€™s governance, known as NNS. This step ensures a decentralized and democratic process. It also prepares for the handover of control of the smart contracts and allows all participants to review the parameters involved.

Once this proposal is live, your voice will be crucial! Youโ€™ll have the opportunity to vote on whether to accept or reject it.

Without your approval, the ICO wonโ€™t even start.


4. Participate in the ICOโ€‹

Disclaimer

Please note that the following does not constitute financial advice.

If the proposal is approved, an initial decentralization swap will be kicked off. The goal here is to raise the initial funds for the DAO and to decentralize the voting power. Think of it like crowdfunding, where people contribute ICP tokens. In return, participants are rewarded with staked tokens, giving them a share of the DAO's voting power.

For the swap to succeed, it requires at least 100 participants and 200,000 ICP tokens. Otherwise, the entire journey of transforming Juno into a DAO fails. So, if youโ€™re excited about being part of this adventure, this could be the step where you make a real difference โ€” if you decide on your own will to do so.


5. Outcomeโ€‹

If the swap fails, it will mark the beginning of the end. While the platform wonโ€™t be deprecated immediately, I will gradually phase it out over the course of, let's say, a year. During this time, Juno will stop accepting new developers, and I will no longer develop new features, promote the eco-system, or invest in it beyond maintenance.

For those already using Juno, I want to reassure you that I wonโ€™t leave you stranded. Iโ€™m committed to offering support to help you transition and find suitable alternatives. Iโ€™m not, I hope, that much of an a-hole. I try to maintain good karma.

On a personal note, I would also be deprecating all of my personal projects, such as proposals.network, as I have no intention of using any developer tooling other than Juno for my own Web3 projects.

If the swap is successful, hooray! Juno will officially become a DAO, allowing you to actively participate in the governance of the project and start using the new JUNOBUILD token, among other exciting developments.

This will mark the beginning of an exciting new chapter, with the community at the heart of Juno's future.

To infinity and beyond,
David


Useful Links:

How to Launch Your First Memecoin Token on the Internet Computer (ICP)

ยท 15 min read

A cover title for the article


Introductionโ€‹

Memecoins are starting to gain significant traction. Some of these tokens, such as Windowge98, Damonic Welleams, Wumbo, Spellkaster and $stik, have reached high prices and attracted many retail investors into the ecosystem. Now, you may be wondering how these meme tokens were launched. In this article, we will walk you through all the steps you need to follow in order to create your own memecoin project.

From creating the token smart contract (canister) to building a marketing website using Juno, and finally launching the token on ICPSwap, a major decentralized exchange (DEX) on ICP, we've got you covered.

We will also provide useful tips to ensure your memecoin project is successful. By the end of this article, you will have all the information needed to launch your token.

important

This article is for educational purposes only and is not financial advice of any form.


What is ICPโ€‹

The Internet Computer (ICP) is a blockchain-based platform that aims to create a new type of internet, one that is decentralized, secure, and scalable. Developed, among others, by the DFINITY Foundation, the Internet Computer is designed to serve as a global public compute infrastructure, allowing developers to build and deploy decentralized applications (dApps) and services directly on the blockchain. Learn more about ICP


What is Junoโ€‹

Juno is a blockchain-as-a-service (โ€œblockchainlessโ€) platform that empowers developers to build decentralized apps efficiently. Similar to Web2 cloud service platforms but with significant improvements, it offers a comprehensive toolkit to scaffold secure and efficient projects running on the blockchain.

In short, Juno is the Google Firebase alternative for Web3.


Creating the token smart contract canisterโ€‹

info

There are simpler ways to launch your own token that do not involve scripting, such as using no-code platforms like ICTO, ICPEx or ICPI.

However, since Juno is dedicated to providing developers with full ownership without compromise, this tutorial showcases an approach that aligns with our core values.

If you prefer to use one of those services, that's cool. Some of those also share these values; we just suggest you do your own research before making a decision.

And who knows, maybe in the future, Juno itself will make launching ledgers to the moon easy too! ๐Ÿ˜‰

To deploy a ledger for your token proceed as following:

  • Make sure you have the dfx CLI installed on your machine. If not, follow this guide to complete the installation.

  • Creating a canister requires cycles, which measure and pay for resources like memory, storage, and compute power. Follow this guide to load cycles on your machine for deploying your ledger.

The following steps assume that you have cycles on your machine

  • On your computer, make an empty folder and name it myToken, and open it in your favorite editor

  • Create a file inside the folder and name it dfx.jsonpaste the code below

{
"canisters": {
"myToken": {
"type": "custom",
"candid": "https://raw.githubusercontent.com/dfinity/ic/4472b0064d347a88649beb526214fde204f906fb/rs/rosetta-api/icrc1/ledger/ledger.did",
"wasm": "https://download.dfinity.systems/ic/4472b0064d347a88649beb526214fde204f906fb/canisters/ic-icrc1-ledger.wasm.gz"
}
},
"defaults": {
"build": {
"args": "",
"packtool": ""
}
},
"output_env_file": ".env",
"version": 1
}

Next, we are going to define some parameters for our token and prepare the script for deployment.

Create a new file named deploy.sh and paste the following code:

#!/usr/bin/env bash

# Token settings
TOKEN_NAME="FROGIE"
TOKEN_SYMBOL="FRG"
TRANSFER_FEE=10000
PRE_MINTED_TOKENS=100_000_000_00_000_000
FEATURE_FLAGS=true
TRIGGER_THRESHOLD=2000
CYCLE_FOR_ARCHIVE_CREATION=10000000000000
NUM_OF_BLOCK_TO_ARCHIVE=1000

# Identities
dfx identity use default
DEFAULT=$(dfx identity get-principal)

dfx identity new archive_controller
dfx identity use archive_controller
ARCHIVE_CONTROLLER=$(dfx identity get-principal)

dfx identity new minter
dfx identity use minter
MINTER=$(dfx identity get-principal)

# Switch back to the identity that contains cycles
dfx identity use "<YOUR-IDENTITY>"

# Create and deploy the token canister
dfx canister create myToken --network ic
dfx deploy myToken --network ic --argument "(variant {Init =
record {
token_symbol = \"${TOKEN_SYMBOL}\";
token_name = \"${TOKEN_NAME}\";
minting_account = record { owner = principal \"${MINTER}\" };
transfer_fee = ${TRANSFER_FEE};
metadata = vec {};
feature_flags = opt record{icrc2 = ${FEATURE_FLAGS}};
initial_balances = vec { record { record { owner = principal \"${DEFAULT}\"; }; ${PRE_MINTED_TOKENS}; }; };
archive_options = record {
num_blocks_to_archive = ${NUM_OF_BLOCK_TO_ARCHIVE};
trigger_threshold = ${TRIGGER_THRESHOLD};
controller_id = principal \"${ARCHIVE_CONTROLLER}\";
cycles_for_archive_creation = opt ${CYCLE_FOR_ARCHIVE_CREATION};
};}
})"

In this script, we define our token's name, symbol, transfer fee, and initial supply. Adjust these settings to match your tokenomics and token information details. For our token, we are premining 100 million tokens.

The script also specifies default settings for the token and sets up identities for minting and archiving.

note

Ensure you switch back to the identity that contains the cycles on your machine before running the commands below.

Once the file saved, run the command below in your terminal to deploy the token canister on the network:

./deploy.sh

If all the previous steps are successful, you should get a link in this format https://a4gq6-oaaaa-aaaab-qaa4q-cai.raw.icp0.io/?id=<TOKEN-CANISTER-ID> where TOKEN-CANISTER-ID is the id of your token ledger that was deployed.

All the premined tokens are now held by the principal address of the default identity. You can transfer these to an external wallet like plug to ease with the transfer process since using the command line to distribute the tokens is a little bit cumbersome. Learn more about creating token canisters

The next step is to set up a marketing website for your project.


Launching the marketing websiteโ€‹

In this section, we will guide you through setting up a marketing website for your token using Juno. Follow these steps to create your site.

  • Ensure you have Node.js and npm installed on your computer. If not, follow the guide to install them.

  • Open your computer's terminal and run the following command to initialize a template:

npm create juno@latest -- --template astro-starter
  • Provide the name of the project folder myWebsite
  • Select no to configure Github Actions
  • Select no to configure the local development emurator
  • Select yes to install the dependencies
  • Select yes to install juno's CLI tool. Juno CLI will help us to deploy our project in the satellite.

Navigate to the project folder myWebsite and open it in your favorite code editor. If every previous step is successfull, running npm run dev in the terminal will open the project in the browser and you should have something similar to this.

board


Editing the code for the websiteโ€‹

We will create a simple website for our token.

In the pages folder, replace all the code in the index.astro with the code below

---
import BaseHead from "../components/BaseHead.astro";
import { SITE_TITLE, SITE_DESCRIPTION, SITE_SOCIAL_IMAGE } from "../consts";
---

<!doctype html>
<html lang="en">
<head>
<BaseHead
title={SITE_TITLE}
description={SITE_DESCRIPTION}
image={SITE_SOCIAL_IMAGE}
/>
</head>
<body class="font-montserrat m-0 p-0 bg-[#1a1a2e] text-white">
<div class="container max-w-[1200px] mx-auto px-5">
<header class="flex justify-between items-center py-5">
<div class="logo text-2xl font-bold text-green">Frogie</div>
<nav>
<ul class="list-none flex">
<li class="ml-5"><a href="" class="text-white hover:text-[#ffd700]">About</a></li>
<li class="ml-5"><a href="" class="text-white hover:text-[#ffd700]">Tokenomics</a></li>
<li class="ml-5"><a href="" class="text-white hover:text-[#ffd700]">Roadmap</a></li>
<li class="ml-5"><a href="" class="text-white hover:text-[#ffd700]">Community</a></li>
</ul>
</nav>
</header>

<main>
<section class="flex flex-col items-center w-full justify-center py-[40px]">
<div class="mb-5 flex items-center justify-center w-full ">

<img height="200" class="rounded-full" width="200" src="https://github.com/sam-thetutor/images/blob/main/imgs/face.png?raw=true" alt="">
</div>
<span>Pepe's long lost cousin has arrived</span>
<h2 class="text-2xl mt-6">Token Details</h2>
<div class="flex w-1/2 mt-4 gap-2 p-4 justify-center">
<div class="flex flex-col justify-center gap-1 items-center w-full md:w-1/2 lg:w-1/2">
<h3 class="text-lg">Canister Address</h3>
<p class="text-center text-sm">3a6gm-gyaaa-aaaam-acvqa-cai</p>
</div>
<div class="flex flex-col justify-center gap-1 items-center w-full md:w-1/2 lg:w-1/3">
<h3 class="text-lg">Total Supply</h3>
<p class="text-center">100M</p>
</div>
<div class="flex flex-col justify-center gap-1 items-center w-full md:w-1/2 lg:w-1/3">
<h3 class="text-lg">Ticker Name</h3>
<p class="text-center">$FRG</p>
</div>
</div>

<button class="inline-block mt-8 bg-[#ffd700] text-[#1a1a2e] px-[30px] py-[15px] rounded-[5px] font-bold hover:bg-[#ffed4a]">
Buy Frogie Now
</button>
</section>

<section class="flex justify-center gap-8 items-center mb-16">
<div class="flex flex-col justify-center gap-2 items-center">

<img src="https://github.com/sam-thetutor/images/blob/main/imgs/forgie5.png?raw=true" class="h-[100px] w-[100px] flex rounded-full" alt="">
<h2 class="text-2xl">Moon-bound Potential</h2>
<p class="text-center flex ">Our advanced memetics ensure stratospheric growth! From the waters to the moon</p>
</div>
<div class="flex flex-col justify-center gap-2 items-center">
<img src="https://github.com/sam-thetutor/images/blob/main/imgs/frogie6.png?raw=true" class="h-[100px] w-[100px] flex rounded-full" alt="">
<h2 class="text-2xl">Vibrant Community</h2>
<p class="text-center flex ">Join thousands of fellow members and hodlers!</p>
</div>
<div class="flex flex-col justify-center gap-2 items-center">
<img src="https://github.com/sam-thetutor/images/blob/main/imgs/frogie7.png?raw=true" alt="Meme icon" class="w-[100px] h-[100px] flex rounded-full" />
<h2 class="text-2xl">Meme-powered</h2>
<p class="text-center flex ">I am green when the market is up and red when the market is down</p>
</div>
</section>
</main>
</div>
<div class=" py-[10px] overflow-hidden">
<div class=" inline-block whitespace-nowrap pl-[10%]">
<span class="inline-block px-[20px]">๐Ÿš€ Frogie to the moon!</span>
<span class=" inline-block px-[20px]">๐Ÿ’Ž HODL for life!</span>
<span class="inline-block px-[20px]">๐Ÿธ Pepe's long lost cousin is here!</span>
<span class=" inline-block px-[20px]">๐ŸŽ‰ 1 Frogie = 1 Frogie</span>
</div>
</div>
<footer class="text-center py-[20px] bg-[#16213e]">
<p>&copy; 2024 Frogie. All rights reserved. To the moon! ๐Ÿš€</p>
</footer>

</html>

In the above code, we created a simple website to display the logo of our token, as well as the name,symbol and total supply of the token. There is also a button that allows the user to but our token from an exchange where it is listed.

Edit the code above to display the information of your token including the name, symbol, total supply, and logo.


Creating a satelliteโ€‹

We need to create a satellite that will host our website. Follow the steps below to create your own satellite from the Juno console.

note

A satellite is a smart contract provided by Juno, packed with features such as authentication, simple database, file storage and, hosting.

  • Navigate to the Juno's administration console website
  • Login with your Internet Identity
  • On the dashboard, select Launch new satellite
  • Provide name myWebsite for the satellite.
  • Click Create

Connect Project to the Satelliteโ€‹

One last step before deployment, we have to link our local project with the satellite that lives on chain. Follow the steps below:

  • Back to the project terminal on your computer, run the command juno init and follow the prompts.

  • Select yes to login and authorize your terminal to access your satellite.

  • Select myWebsite as the satellite to connect to.

  • Select dist as the location of the compiled app files.

  • Select TypeScript as the configuration file format.

If the above step is successful, a new file juno.config.ts will be added at the root of our project folder.


Compiling and deploying the Projectโ€‹

Now that we connected our project to the satellite, we can compile and deploy the website.

npm run build

The above command compiles our website and outputs the compiled files in the dist folder

juno deploy

This will deploy our compiled files to the satellite that we connected linked our website to.

At this stage, if all the previous steps are successful, the command will output a link which is in this format https://<SATELLITE_ID>.icp0.io where SATELLITE_ID is the id of the satellite that we connected our project to.

tip

Running juno open in your terminal opens your project in your favorite browser.

Opening the link in the browser, you should have something like this below

website


Listing the token on ICPSwapโ€‹

In this section, we will look at how to list our newly created token on ICPSwap.

ICPSwap is a decentralized exchange that facilitates token trading and swapping by allowing tokens to be listed and liquidity pools to be created for different token pairs.

And because ICPSwap is a decentralized autonomous organization (DAO) controlled by the community members, you need to submit a proposal for your token to be added on the exchange. This proposal will be voted on by the community members. If the proposal passes, the token will be listed on this exchange.

We will create a proposal to add our token on ICPSwap in the following steps.

  • Visit the ICPSwap community group on OpenChat
  • Click on te three dots in the right corner and select make proposal

makeproposal

  • Select MOTION as the proposal type
  • Add a descriptive title, something like "ADD FROGIE TO THE TOKEN LIST"
  • In the summary section,add all the details about your token forexample the token canister address, social media handles and any other information you feel will help the voter to understand more about your token
  • Once your have filled all the fields, click submit and the proposal will be submitted.

NOTE: You will be charged a fee of 50 ICS for this service, therefore ensure you have enough ICS balance before you perform this step.

kk

The voting duration for proposals on the ICPSwap platform is typically three days. If a proposal passes during this voting period, your token will be listed on the exchange and will be tradable. Once your token is available for trading, you can update the link on the Buy Frogie Now button to redirect the user to the exchange from where they can buy the token.

note

You can also use proposals.network as an alternative to submit a proposal to any SNS project.

If you have reached this step without any errors, congratulations, you have created your first meme coin project. ๐Ÿฅณ

Now you can start marketing to attract more users and holders. Good luck! ๐Ÿคž


Tips for a successful memecoin projectโ€‹

In this section, we will cover some tips you need to launch a successful memecoin project.


Develop a Unique and Relatable Conceptโ€‹

The first step to creating a successful meme coin is finding a unique topic that resonates with people. Your concept should be relatable, funny or nostalgic. Capture the essence of internet culture with a catchy name and logo that embodies the humor and appeal of your chosen meme.


Build a Strong Communityโ€‹

Think of your meme coin's community like a big group of friends who all love the same joke. To make that friend group huge and enthusiastic:

  • Know your meme and what makes your coin funny
  • Find the websites, apps, and chat rooms where your target audience hangs out and get involved
  • Make hilarious memes using your coin's name or logo and encourage your community to create them too
  • Give away some of your coin as prizes to active community members
  • Work with other meme coins or popular meme accounts to reach even more people
  • Make new people feel instantly part of the joke

Implement a Comprehensive Marketing Strategyโ€‹

Effective crypto marketing is critical for meme coin success. Implement a multi-faceted strategy across various channels:

  • Utilize social media platforms like Twitter, Reddit, and Telegram to build a strong online presence
  • Create engaging content like memes, videos, blog posts to generate buzz and attract attention
  • Host events, AMAs, and giveaways to keep your audience interested and invested
  • Form strategic partnerships with influencers, projects, and industry leaders to expand your reach
  • Monitor performance using analytics tools and gather feedback to continuously improve

Leverage Influencer Marketingโ€‹

Most successful meme coin projects hire specialized crypto influencer marketing teams with extensive networks. Partner with online personalities who like memes or crypto and have them talk about your coin to their followers.


Conclusionโ€‹

In this article, we have covered everything you need to launch a successful memecoin project, from creating the token canister, to creating a marketing website using Juno and listing the token on ICPSwap. This article is for educational purposes only and is not financial advice of any form. Do Your Own Research (DYOR) if you want to invest in memecoins.

๐Ÿ‘‹

Stay connected with Juno by following us on Twitter to keep up with our latest updates.

And if you made it this far, weโ€™d love to have you join the Juno community on Discord. ๐Ÿ˜‰

How to Redirect a Route After Renaming It

ยท 5 min read

Photo by Nick Fewings on Unsplash


Introductionโ€‹

Renaming a route in your web application is a common task, but itโ€™s crucial to handle it correctly to avoid breaking links and negatively impacting your SEO. Redirecting the old route to the new one ensures a seamless user experience and maintains your site's search engine rankings.

In this blog post, weโ€™ll guide you through the steps to set up a redirection after renaming one of your pages.