Coder Social home page Coder Social logo

ianmcclue / peppas Goto Github PK

View Code? Open in Web Editor NEW

This project forked from unfolding-io/starfunnel

0.0 0.0 0.0 50.27 MB

peppas temporary website

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

License: Other

JavaScript 17.86% TypeScript 10.40% CSS 4.27% Vue 22.01% Astro 31.28% MDX 14.18%

peppas'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 or Vercel.

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 and set your adapter (vercel or netlify)

export default defineConfig({
	site: 'https://your-website.com',
	output: "hybrid",
  	adapter: vercel(), // vercel() or netlify()

    ....

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. 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

peppas's People

Contributors

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