
Security News
GitHub Actions Supply Chain Attack Puts Thousands of Projects at Risk
A compromised GitHub Action exposed secrets in CI/CD logs, putting thousands of projects at risk and forcing developers to urgently secure their workflows.
create-flamme-app
Advanced tools
A CLI tool to bootstrap a new Flamme project, leveraging the h3 HTTP server and React for both server-side and client-side rendering.
Flamme is a metaframework that leverages the power of the h3
HTTP server and React for both server-side rendering (SSR) and client-side rendering. This framework aims to provide a seamless development experience for building modern web applications.
h3
server for handling HTTP requests.To install Flamme, you can use npm:
npm install flamme
To create a new Flamme project, run:
npx create-flamme-app my-new-app
cd my-new-app
npm install
To start the development server, use the following command:
npm run dev
This will start the development server with Hot Module Replacement (HMR) enabled.
To build your application for production, run:
npm run build
After building your application, you can start the production server with:
npm start
A typical Flamme project structure looks like this:
my-new-app/
├── node_modules/
├── public/
├── src/
│ ├── client/
│ │ ├── components/
│ │ └── index.tsx
│ ├── server/
│ │ ├── api/
│ │ └── index.ts
│ └── index.tsx
├── .gitignore
├── package.json
└── flamme.config.ts
Flamme can be configured via a flamme.config.ts
file in the root of your project. Here is an example configuration:
export default defineFlammeConfig({
root: '/',
base: './',
serverBaseUrl: '/api',
clientDir: 'src/client',
serverDir: 'src/server',
buildDir: 'dist',
publicDir: 'public',
cacheDir: '.flamme',
devServerPort: 3000,
hmrServerPort: 3001,
envPublicPrefix: 'PUBLIC_',
css: {
cssModules: {
localsConvention: 'camelCase',
scopeBehaviour: 'local',
generateScopedName: 'styles__[local]__[hash:base64:6]',
// for more options, see postcss-modules documentation
},
sass: {
filter: /\.scss$/,
type: 'css',
// for more options, see esbuild-sass documentation
},
less: {
// for more options, see esbuild-less documentation}
},
stylus: {
// for more options, see esbuild-stylus documentation}
},
tailwindcss: {
configPath: 'tailwind.config.js',
},
},
esbuild: {
loglevel: 'warning',
plugins: [],
},
});
dev
Starts the development server.
build
Builds the application for production.
start
Starts the production server.
This project is licensed under the MIT License. See the LICENSE file for details.
FAQs
A CLI tool to bootstrap a new Flamme project, leveraging the h3 HTTP server and React for both server-side and client-side rendering.
The npm package create-flamme-app receives a total of 0 weekly downloads. As such, create-flamme-app popularity was classified as not popular.
We found that create-flamme-app demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A compromised GitHub Action exposed secrets in CI/CD logs, putting thousands of projects at risk and forcing developers to urgently secure their workflows.
Research
Security News
A malicious Maven package typosquatting a popular library is secretly stealing OAuth credentials on the 15th of each month, putting Java developers at risk.
Security News
Socket and Seal Security collaborate to fix a critical npm overrides bug, resolving a three-year security issue in the JavaScript ecosystem's most popular package manager.