Giter Site home page Giter Site logo

patrickacollier / starfunnel-astro Goto Github PK

View Code? Open in Web Editor NEW

This project forked from unfolding-io/starfunnel

0.0 0.0 0.0 18.38 MB

the Astro powered landing page builder

Home Page: https://starfunnel.unfolding.io/

License: Other

JavaScript 21.54% TypeScript 5.36% CSS 4.48% Vue 23.05% Astro 31.73% MDX 13.84%

starfunnel-astro's Introduction

StarFunnel | Astro + Static CMS

License: CC BY-ND 4.0

Clone this repo or deploy to netlify

Easily deploy this theme to Netlify with a single click.

1. Setting up the .env file

rename the env.txt to .env and fill in your details

BLOG_SLUG=news 
WEBSITE_LANGUAGE=en
CURRENCY=USD 
NODE_VERSION=18 
NEWSLETTER_PROVIDER=mailchimp

MAILCHIMP_API_KEY=XXX
MAILCHIMP_SERVER_PREFIX=us21	
MAILCHIMP_LIST_ID=XXX

SLACK_CHANNEL_ID=XXX
SLACK_TOKEN=XXX

[email protected]
[email protected] 

MAILGUN_API_KEY=XXX
MAILGUN_DOMAIN=your-domain.com
MAILGUN_API_URL=https://api.eu.mailgun.net

POSTMARK_SERVER_TOKEN=XXX

Also add this to your netlify deploy settings.

2. Configure your Static CMS Backend

Navigate to src/pages/admin.astro and provide your Git repository details. You can find a list of all supported Git backends at: https://www.staticcms.org/docs/backends-overview

Gitlab Example:

const config = {
	locale: lang,
	site_url: url,
	logo_url: 'https://starfunnel.unfolding.io/logo.svg',
	local_backend: true,
	backend: {
		name: 'gitlab',
		repo: '/<your-gitlab-repo>',
		auth_type: 'pkce', // Required for pkce
		app_id: 'xxxx', // Application ID from your GitLab settings
		commit_messages: {
			create: 'Create {{collection}} "{{slug}}"',
			update: 'Update {{collection}} "{{slug}}"',
			delete: 'Delete {{collection}} "{{slug}}"',
			uploadMedia: 'Upload "{{path}}"',
			deleteMedia: 'Delete "{{path}}"'
		}
	},
	search: 'true',
    ....
}

3. Add your site to the astro config

export default defineConfig({
	site: 'https://your-website.com',
    ....

4. Install dependencies

npm install

๐Ÿ› ๏ธ 5. Start Development server

npm run dev

If you wish to engage the local backend:

npm run cms-proxy-server

Now you can open Static CMS on http://localhost:4321/admin/

๐Ÿ›ธ Commands

All commands are run from the root of the project, from a terminal:

Command Action
npm install Installs dependencies
npm run dev Starts local dev server at localhost:4321
npm run cms-proxy-server Starts Staticcms proxy server for local-backend
npm run build Build your production site to ./dist/
npm run preview Preview your build locally, before deploying
npm run astro ... Run CLI commands like astro add, astro check
npm run astro -- --help Get help using the Astro CL

๐Ÿ‘€ Want to learn more about Astro?

Check out Astro documentation or jump into Astro's Discord server.

๐Ÿ“š Tech Stack

Astro, MDX, Vue, TailwindCSS

๐Ÿ›Ÿ Support

If you encounter any issues or bugs, we encourage you to open an issue in the repository. To help us quickly address the problem, please provide detailed information about the bug and steps to reproduce it.

For those seeking priority assistance, we offer premium support services. Feel free to reach out to us by email at [email protected]. We're here to help!

๐Ÿš• Roadmap

As we journey towards v1.0, we want to integrate the best sales tools on the market. Next up is ActiveCampaign. but if you have requests, please let us know!

โ˜•๏ธ Want to Caffeinate your Developer?

By caffeinating your developer, you're not just getting the best out of them; you're also ensuring a cheerful and energetic work environment.๐Ÿ˜Š

buymeacoffee

๐Ÿ“ธ Screenshots

StarFunnel StarFunnel StarFunnel StarFunnel StarFunnel StarFunnel StarFunnel StarFunnel StarFunnel

starfunnel-astro's People

Contributors

preetamslot avatar mbayedione10 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.